我发现我使用的是p:after和p::after,我可以得到同样的效果。
p:after {
  content: "- add_after";
  background-color: #f00;
}<p>I am a boy。</p>
<p>I live in Duckburg。</p>
<p>this is my home</p>
那么,:after和::after有什么区别呢?
发布于 2017-05-04 07:23:31
资源:https://css-tricks.com/almanac/selectors/a/after-and-before/
每个支持双冒号(::) CSS3语法的浏览器也只支持(:)语法,但是IE8只支持单冒号,因此现在建议只使用单冒号来获得最佳的浏览器支持。
*是缩进的较新格式,用于区分伪内容和伪选择器。如果您不需要IE8支持,请使用双冒号。
发布于 2017-05-04 07:24:35
这将伪元素从伪类中分离出来。
您可以阅读关于伪类和伪元素之间区别的更详细信息。
dif.html
https://stackoverflow.com/questions/43776398
复制相似问题