css - 为什么更喜欢使用 CSS 伪类来应用背景图片而不是直接应用到元素上？

Question

我正在浏览不同的视频教程，其中一些建议使用::before伪选择器来应用背景图像。

有什么特别的理由可以追随这一趋势吗？

标签： csssassfrontendweb-frontend

Answer 1

这真的是个人喜好。在这种情况下使用::before和::after伪元素允许您插入图像而无需添加额外的 html 元素。

这是 Bryan Robinson 巧妙使用的一个例子

您可以看到它如何用于仅使用一个 html 元素创建三层图像背景。