css中::before与::after有什么用

这篇文章给大家分享的是有关css中::before与::after有什么用的内容。小编觉得挺实用的，因此分享给大家免费云主机、域名做个参考，一起跟随小编过来看看吧。
::before、::after大概是最常使用的伪元素，两者都是以display:inline-block的属性存在，::before是在原本的元素「之前」加入内容，::after则是在原本的元素「之后」加入内容，同时伪元素也会「继承」原本元素的属性，如果原本文字是黑色，伪元素的文字也会是黑色。
举例来说，下面这段程式码，有一个div 内容是「大家好，我是div」，使用::before、::after 之后，会在原本div 的前后各添加一段文字，并且让这两段文字都呈现红色。感谢各位的阅读！关于“css中::before与::after有什么用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

相关推荐: Vue列表渲染是怎样的

Vue列表渲染是怎样的，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。 　　变异方法(mutationmethod)，顾名思义，会改变被这些方法调用的原始数组。相比之下，也有非变异(non-mu…