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