码迷,mamicode.com
首页 > Web开发 > 详细

css 伪类选择器

时间:2015-01-30 22:32:17      阅读:248      评论:0      收藏:0      [点我收藏+]

标签:

1.first-line 伪元素选择器
用于元素的第一行的文字使用的而样式。
如:div:first-line{color:red;},该样式定义了div标签内的第一行文字的颜色。

 

2.first-letter 伪元素选择器
用于为元素的首字母或第一个字使用的样式。
如:div:frist-letter{font-size:20px;},该样式定义了div标签内的首字母或文字使用20px的字体大小。

 

3.before伪元素选择器
用于在元素之前插入内容。
用法:div:before{content:插入文字/图片/音频等},该元素定义了在div标签内容前面添加content包含的内容。里面可以定义插入内容的样式。
注意:该选择器在IE6\7\8中无效。

 

4.after伪元素选择器
用于在元素之后插入内容。
用法:div:before{content:插入文字/图片/音频等},该元素定义了在div标签内容后面添加content包含的内容。里面可以定义插入内容的样式。
注意:该选择器在IE6\7\8中无效。

 

5.root选择器
root选择器应用于页面文档的根目录。该样式只用于页面中存在元素的地方。
使用方法::root{background-color:red},假如页面中只有一段文字,那么这段文字的背景为红色。它只包含网页中的信息部分,和body所包含的区域不同。

 

6.not选择器
过滤、排除作用,如果想排除某个元素下面的子元素不使用此样式,可以选择not选择器。
使用方法:div:not(span){},排除div元素下面的span标签使用此样式。

 

7.empty选择器
当页面元素内容为空白时使用的样式。
如::empty{background-color:red},在页面中元素内容为空的背景色设为红色。

css 伪类选择器

标签:

原文地址:http://www.cnblogs.com/gxlinhai/p/4263229.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!