后代选择器 与 子代选择器
①写法不一样:
后代选择器的标识为:空格
如: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;}