MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

概括

就像 pseudo classes (伪类)一样, 伪元素添加到选择器,但不是描述特殊状态,它们允许您为元素的某些部分设置样式。 例如, ::first-line  伪元素只定位由选择器指定的元素的第一行。

语法

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

所有伪元素

试验性_内嵌

注意事项

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

注意: ::selection 总是以双冒号(::)开始 .

在选择器中只能使用一个伪元素。它必须出现在语句中的简单选择器之后。

??? https://repl.it/FkiB/1

div:before, div::after{

    content: "❦";

}

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

 

文档标签和贡献者

 此页面的贡献者: xgqfrms-GitHub, lizhihua, FredWe, xiaowtz, Fadeoc, teoli, alimon
 最后编辑者: xgqfrms-GitHub,