怎么用，应该注意些什么
2 回答
已采纳
Perona
TA贡献355条经验 获得超403个赞
>表示子元素选择器，用于选择指定标签元素的第一代子元素。
如选择items类下的li，这里的只有 color 和 方向 变了颜色。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
li{color:#000000;}
.items>li{color: #bdffa0;}
</style>
<body>
<ul class="items">
<li>color
<ul>
<li>red</li>
<li>blue</li>
</ul>
</li>
<li>方向
<ul>
<li>左右</li>
<li>上下</li>
</ul>
</li>
</ul>
</body>
</html>需要注意的是子代选择器只选择第一代元素，而后代选择器是选择所有后代元素。如把.items>li{}改成.items li{}就会发现所有的li都变色了。（注：空格是后代选择器）
总结：>作用于元素的第一代后代，空格作用于元素的所有后代。
- 2 回答
- 0 关注
- 2218 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消