css - 使用 :before & :after CSS 有什么缺点吗？

Question

在我将这些实施到我的网站之前，只是想知道是否有人在使用 :before 和 :after 进行设计时有任何负面经验。（或超过积极方面）

Answer 1

好吧，通过使用伪元素，您可以使其更具语义化。您不需要仅为布局目的创建空元素。

缺点，我相信一些旧版浏览器不支持它，但你可以使用 polyfill。

Answer 2

假设您有一个像 SO 这样的网站，它在每个页面上都有多个答案。如果你想在每个答案之后添加一个图像/图标，你可以有类似的东西

answercell.post-text:after {
    content: url(images/disclaimer.gif);
}

这样您就可以更新整个网站，而无需更改单个 HTML/ASPX 页面

因此，它使站点范围的更新更容易。

此外，它会减少页面大小（Kb），因为您需要更少的 HTML，因此页面加载速度会更快。