15 . CSS 伪元素
CSS伪元素 -- Pseudo-Elements
- CSS伪元素是CSS选择符的一部分
- 伪元素的名称是大小写敏感的
- 伪元素也有人称为伪对象
- 伪元素的英文为Pseudo-Elements,由于伪元素表示的不是真正的元素,因此称为'''伪'''
- 引用网址:http://www.dreamdu.com/css/pseudo-elements/
CSS中,样式和HTML文档中元素的连接通常基于元素在文档中的位置,这种方式满足于大部分需求。不过由于HTML文档结构的限制,一些效果无法实现
例如,特定条件中,对于段落的第一行,没有一种简单的方法对其设置样式,可以使用伪元素::first-line设置段落第一行的样式
语法
::PseudoElementName
CSS1与CSS2.1对伪元素的语法是在伪元素名称前加一个冒号:,CSS3的语法是在伪元素名称前增加两个冒号::。这样修改的目的是为了区分伪元素与伪类,伪类的语法是在伪类名称前加单引号。多数浏览器已经支持CSS3定义的语法,还有一些古老的浏览器(IE6与IE7)不支持,梦之都CSS教程中使用CSS3中定义的语法
::first-line定义段落的第一行,::first-letter定义段落的第一个字符,::before在元素的开始动态的插入内容,::after在元素的结尾动态的插入内容,::selection改变用户鼠标选择的内容的样式
From "CSS 伪元素 - CSS教程"