对于span标签为什么子选择器和后代选择器效果一样呢
下面两个为什么效果会一样呢？按照子选择器和后代选择器的区别，子选择器应该只对第一层标签有效果吧？那第一个例子中的“”如“”是不是就不应该有颜色呢？
1
.first》span{color:red;}
<span>胆小<span>如</span>鼠</span>
2
.first span{color:red;}
<span>胆小<span>如</span>鼠</span>
慕圣5475749
2017-08-31
5 回答
你别用color作比较啊，换个明显的属性就能对比出区别了，帮你做个对比
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
.a>span{
color:red;
border: 1px solid red ;
}
.b span{
color:red;
border: 1px solid red ;
}
.c>span{
color:red;
border: 1px solid red ;
}
.d span{
color:red;
border: 1px solid red ;
}
</style>
</head>
<body>
<p class="a">
<!--子元素-->
<span>胆小<span>如</span><!--孙元素-->鼠</span>
</p>
<p class="b">
<!--子元素-->
<span>胆小<span>如</span><!--孙元素-->鼠</span>
</p>
<p class="c">
<span>胆小</span><!--子元素-->如<span>鼠</span><!--子元素-->
</p>
<p class="d">
<span>胆小</span><!--子元素-->如<span>鼠</span><!--子元素-->
</p>
</body>
</html>
举报
0/150
提交
取消
