子选择器和后代选择器
问一下子选择器和后代选择器对后代的作用范围啊应该是子选择不能作用到孙子而后代选择器能作用到孙子可我这里的是什么问题是对继承理解不对还是对选择器理解不对啊<head><st...
问一下子选择器和后代选择器对后代的作用范围啊
应该是子选择不能作用到孙子 而后代选择器能作用到孙子
可我这里的是什么问题 是对继承理解不对 还是对选择器理解不对啊
<head>
<style type="text/css">
div > h3
{
background: #000000;
color:#FFFFFF;
}
p span
{
background: #000000;
color:#FFFFFF;
}
</style>
<head>
<body>
<div>子元素选择器
<h3>儿子</h3>
<p><h3>孙子</h3></p>
</div>
<p>后代选择器<br />
<span>儿子</span>
<div><span>孙子</span></div>
</p>
</body>
显示出来是这样
怎么会反了啊我糙糙糙糙糙糙糙糙糙糙糙糙糙糙
求指教啊指教啊指教啊指教啊指教啊指教啊 展开
应该是子选择不能作用到孙子 而后代选择器能作用到孙子
可我这里的是什么问题 是对继承理解不对 还是对选择器理解不对啊
<head>
<style type="text/css">
div > h3
{
background: #000000;
color:#FFFFFF;
}
p span
{
background: #000000;
color:#FFFFFF;
}
</style>
<head>
<body>
<div>子元素选择器
<h3>儿子</h3>
<p><h3>孙子</h3></p>
</div>
<p>后代选择器<br />
<span>儿子</span>
<div><span>孙子</span></div>
</p>
</body>
显示出来是这样
怎么会反了啊我糙糙糙糙糙糙糙糙糙糙糙糙糙糙
求指教啊指教啊指教啊指教啊指教啊指教啊 展开
3个回答
展开全部
标签的嵌套就错了，p标签里是不能放像div或者h1，h2之类的块级元素标签的。
你用火狐看一下就会知道p标签里并没有h3的标签，而是跟h3标签同级了，所以第一种的效果都是在div > h3下的效果中呈现出来。
第二种也是因为嵌套错了，所以div标签会跟你外层的p标签同级，所以只有上面那个span标签受影响，第二个span标签并没有算到p标签的子元素中，就没有受影响。
你用火狐看一下就会知道p标签里并没有h3的标签，而是跟h3标签同级了，所以第一种的效果都是在div > h3下的效果中呈现出来。
第二种也是因为嵌套错了，所以div标签会跟你外层的p标签同级，所以只有上面那个span标签受影响，第二个span标签并没有算到p标签的子元素中，就没有受影响。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
