CSS选择器之二

时间:2014-01-21 01:13:40   收藏:0   阅读:399

前一篇介绍了五种简单的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





































原文:http://blog.csdn.net/xuefeng0707/article/details/18320545

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!