程 序 人 生

[每个人都是工程师,书写着属于自己的人生代码!--林海]
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

css 伪类选择器

Posted on 2015-01-30 21:36  林海  阅读(574)  评论(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},在页面中元素内容为空的背景色设为红色。