概括
就像 pseudo classes (伪类)一样, 将伪元素添加到选择器中允许在不添加额外声明的情况下为文档的某些部分添加样式。 例如,使用 ::first-line
伪元素会匹配由选择器中所指定的元素的第一行。
语法
元素名:伪元素 { 声明: 值; }
所有伪元素
注意事项
有时你会发现伪元素使用了两个冒号 (::) 而不是一个冒号 (:). 这是 CSS3 规范中的一部分要求,目的是为了区分伪类和伪元素 . 大多数浏览器都支持这两种表示方式.
注意:
::selection
永远只能以两个冒号开始 (::).你只能在一个选择器中使用一个伪元素. 伪元素必须跟在一个简单选择器语句的后面.
Browser | Lowest Version | Support of |
---|---|---|
Internet Explorer | 8.0 | :pseudo-element |
Firefox (Gecko) | 1.0 (1.0) | :pseudo-element |
1.0 (1.5) | :pseudo-element ::pseudo-element |
|
Opera | 4.0 | :pseudo-element |
7.0 | :pseudo-element ::pseudo-element |
|
Safari (WebKit) | 1.0 (85) | :pseudo-element ::pseudo-element |