怎么用，應(yīng)該注意些什么
2 回答
已采納
Perona
TA貢獻(xiàn)355條經(jīng)驗(yàn) 獲得超403個(gè)贊
>表示子元素選擇器，用于選擇指定標(biāo)簽元素的第一代子元素。
如選擇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{}就會(huì)發(fā)現(xiàn)所有的li都變色了。（注：空格是后代選擇器）
總結(jié)：>作用于元素的第一代后代，空格作用于元素的所有后代。
添加回答
舉報(bào)
0/150
提交
取消