就像 pseudo classes (伪类)一样, 伪元素添加到选择器,但不是描述特殊状态,它们允许您为元素的某些部分设置样式。 下例中的 ::first-line  伪元素改变段落第一行的文字样式。

/* The first line of every <p> element. */
p::first-line {
  color: blue;
  text-transform: uppercase;
}

注意:与伪元素比较,pseudo-classes 能够用来改变基于状态的元素样式。

 

语法

selector::pseudo-element { property: value; }

所有伪元素

试验性_内嵌

注意事项

有时你会发现伪元素使用了两个冒号 (::) 而不是一个冒号 (:). 这是CSS3的一部分,并尝试区分伪类和伪元素. 大多数浏览器都支持这两个值。

注意: 按照规则应该使(::)而不是(:),从而区分伪类和伪元素。但是,由于在旧版本的W3C规范并未对此进行特别区分,因此目前绝大多数的浏览器都支持使用这两种方式表示伪元素。

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

 

文档标签和贡献者

 最后编辑者: anderson_liu,