请问css里面包含选择符与子对像选择符有什么区别

来源:百度知道 编辑:UC知道 时间:2024/06/27 23:51:18
包含选择符:E1 E2
(E2是E1的下属)
子对像选择符:E1 > E2
(E2也是E1的下属)
那他俩就没区别为什么还要分开呢?

至于区别,举个例子:
<div>
<ul>
<li> </li>
</ul>
<div>

要定义li的样式,用包含选择符,你写成:
div li{...}
没有问题

若用子选择符,你只能写成:
ul> li{...}
不能写成
div> li{...}

因为div和li非“父子关系”,而是“祖孙关系”

子对象提供了更精细的控制
由此可以见包含选择符的深度和广度超过子对象选择符;而子对象选择符的针对性和唯一性比包含选择符强。