css 伪类选择器

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},在页面中元素内容为空的背景色设为红色。