关于id选择器css设置无效的问题
#sidebarp{font-style:italic;text-align:right;margin-top:0.5em;}#sidebarh2{font-size:1...
#sidebar p {
font-style: italic;
text-align: right;
margin-top: 0.5em;
}
#sidebar h2 {
font-size: 1em;
font-weight: normal;
font-style: italic;
margin: 0;
line-height: 1.5;
text-align: right;
}
上面是w3school的例子，下面是html文档，其它部分省略。
<body>
<h2 id="sidebar">h2标题,id为sidebar</h2>
<p id="sidebar">段落,id为sidebar</p>
</body>
为什么样式设置无效呢，改成h2#sidebar和p#sidebar就可以。
这类设置#sidebar h2 什么情况下有效，谢谢！ 展开
font-style: italic;
text-align: right;
margin-top: 0.5em;
}
#sidebar h2 {
font-size: 1em;
font-weight: normal;
font-style: italic;
margin: 0;
line-height: 1.5;
text-align: right;
}
上面是w3school的例子，下面是html文档，其它部分省略。
<body>
<h2 id="sidebar">h2标题,id为sidebar</h2>
<p id="sidebar">段落,id为sidebar</p>
</body>
为什么样式设置无效呢，改成h2#sidebar和p#sidebar就可以。
这类设置#sidebar h2 什么情况下有效，谢谢！ 展开
3个回答
展开全部
你这样当然无效，改成这样才有效，你上面那意思就是sldebar下的p标签，但是这是同一个标签
#sidebar {
font-style: italic;
text-align: right;
margin-top: 0.5em;
}
#sidebar {
font-size: 1em;
font-weight: normal;
font-style: italic;
margin: 0;
line-height: 1.5;
text-align: right;
}
#sidebar {
font-style: italic;
text-align: right;
margin-top: 0.5em;
}
#sidebar {
font-size: 1em;
font-weight: normal;
font-style: italic;
margin: 0;
line-height: 1.5;
text-align: right;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
楼主，你搞错逻辑了.
h2#sidebar这个是表示id为sidebar的h2标签，例：<h2 id="sidebar">h2标题,id为sidebar</h2>；
而#sidebar h2这个表示的是id为sidebar的标签下的h2标签，例：<div id="sidebar"><h2>h2标题,id为sidebar</h2></div>
h2#sidebar这个是表示id为sidebar的h2标签，例：<h2 id="sidebar">h2标题,id为sidebar</h2>；
而#sidebar h2这个表示的是id为sidebar的标签下的h2标签，例：<div id="sidebar"><h2>h2标题,id为sidebar</h2></div>
追问
class与id也是一样道理吧,如:
.fancy td和td.fancy
追答
对的，同理
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
h2#sidebar ：id为sidebar的h2
#sidebar h2 ：id为sidebar元素的后代元素中的h2
#sidebar h2 ：id为sidebar元素的后代元素中的h2
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
