CSS中,包含选择符与子对象选择符有何区别?
包含选择符 :E1 E2 { sRules }
子对象选择符:E1 > E2 { sRules }
[解决办法]
IE 5.5+ 不支持子选择
至于区别,举个例子:
<div>
<ul>
<li> </li>
</ul>
<div>
要定义li的样式,用包含选择符,你写成:
div li{...}
没有问题
若用子选择符,你只能写成:
ul> li{...}
不能写成
div> li{...}
因为div和li非“父子关系”,而是“祖孙关系”