CSS 选择器

后代选择器 与 子代选择器
①写法不一样:
后代选择器的标识为:空格     
    如:ul li{width:150px;} 【ul和li之间用空格隔开】
子选择器的标识为:>
    如:ul>li{width:150px;}【ul和li之间用>隔开】

②功能不一样:
后代选择器是选择ul包围的 所以元素中的所有li元素,包括子元素、孙元素、曾孙元素等等等。
子选择器仅仅选择ul包围的 子元素中的 li元素,不包括孙元素、曾孙元素等等等。

③兼容性不一样:
后代选择器是所有浏览器都兼容的,都可使用。
子选择器在IE6、IE7、IE8中则是不被支持的选择器,各自bug!
并集选择器
选择器1,选择器2{属性名:属性值}
并集选择器是多个选择器通过逗号连接而成的.在声明各种CSS选择器时,如果某些选择器的风格是完全相同的,或者部分相同,这时便可以利用并集选择器同时声明风格相同的CSS选择器。
交集选择器:

交集”复合选择器是由两个选择器直接连接构成,其结果是选中二者各自元素范围的交集。其中第一个必须是标记选择器,第二个必须是类别选择器或者ID选择器。这两个选择器之间不能有空格,必须连续书写。

注意其中第一个必须是标记选择器,如p.class1,但有时候会看到.class1.class2,即2个都是类选择器,在其他浏览器中是允许出现这种情况的,但IE6不兼容。代码片段:

h1.center {color:red; text-align:center;}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值