CSS id选择器设置无效

<!DOCTYPEhtml><head><metacharset="utf-8"><linktype="text/css"rel="stylesheet"href="Bo... <!DOCTYPE html>
<head>
<meta charset="utf-8">
<link type="text/css" rel="stylesheet" href="BoxModel.css">
<title>Box Model & div(class/id/name)</title>
</head>
<body>
<div id="greeting" class="foo">
Hello!
<p id="tagP">I'm in a <q>p</q> tag!</p>
</div>
<br>
<div id="echo" class="foo">
<a href="#">Click Me!</a>
</div>
<br>
<div id="farewell" class="foo">
Bye bye!
</div>
</body>
</html>

======================================================

.foo{
font-size: large;
border-color: crimson;
border-width: 1px;
border-style: dashed;
}

p#tagP{
font-size: 50px;
}

a.foo{
font-style: italic;
color: aquamarine;
font-size: 100px;
}

=====================================================
代码如上，主要问题在CSS最后一部分a.foo，不知道为什么不起作用，按说应该将HTML中的Click Me的字体改掉。。。展开

 我来答

1个回答

#热议# 为什么说不要把裤子提到肚脐眼？

LKSunny88
2018-01-26 · 超过10用户采纳过TA的回答

知道答主

回答量：27

采纳率：66%

帮助的人：12.1万

我也去答题访问个人页

关注

展开全部

a.foo 是指在<a>中使用的 class=foo

<div id="echo" class="foo">
<a href="#">Click Me!</a>
</div>
可改 HTML
<div id="echo" class="foo">
<a href="#" class="foo">Click Me!</a>
</div>
这样 a.foo 就是指 <a href="#" class="foo">Click Me!</a>
而 div.foo 就是指 <div id="echo" class="foo">
或改 CSS
将 a.foo{ 改成 div.foo a{

本回答由提问者推荐

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

CSS id选择器 设置无效

其他类似问题

为你推荐：

CSS id选择器设置无效