CSS选择器之二

前一篇介绍了五种简单的CSS选择器:元素选择器、通配选择器、类选择器、ID选择器、属性选择器。

这一篇介绍与HTML文档结构相关的CSS选择器。

6.后代选择器

也可称为包含选择器、上下文选择器。

例:

h1 em {color: red;} /*把位于h1元素内(第一层或第N层)的em元素文字颜色设为红色,其他位置的em元素不变*/

7.子元素选择器

例:
h1 > em {color: red;} /*把位于h1元素内(仅第一层)的em元素文字颜色设为红色,其他位置的em元素不变*/

IE6不支持。

8.相邻兄弟元素选择器

例:

h1 + em {color: red;} /*把位于h1元素后面相邻的em元素文字颜色设为红色,其他位置的em元素不变*/

IE6不支持。

9.伪类选择器

参考:http://www.w3school.com.cn/css/css_pseudo_classes.asp





































郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。