首页 > Web开发 > 详细

CSS选择器之二

时间:2014-01-21 01:13:40      阅读:399      评论:0      收藏:0      [点我收藏+]

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





































CSS选择器之二

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!