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包含的内容。里面可以定义插入内容的样式。
注意:该选择器在IE678中无效。
4.after伪元素选择器
用于在元素之后插入内容。
用法:div:before{content:插入文字/图片/音频等},该元素定义了在div标签内容后面添加content包含的内容。里面可以定义插入内容的样式。
注意:该选择器在IE678中无效。
5.root选择器
root选择器应用于页面文档的根目录。该样式只用于页面中存在元素的地方。
使用方法::root{background-color:red},假如页面中只有一段文字,那么这段文字的背景为红色。它只包含网页中的信息部分,和body所包含的区域不同。
6.not选择器
过滤、排除作用,如果想排除某个元素下面的子元素不使用此样式,可以选择not选择器。
使用方法:div:not(span){},排除div元素下面的span标签使用此样式。
7.empty选择器
当页面元素内容为空白时使用的样式。
如::empty{background-color:red},在页面中元素内容为空的背景色设为红色。