伪元素“::after”和“::before”的作用分别是什么

本文摘自PHP中文网，作者V，侵删。

:before 和 :after 这两个伪元素，是在CSS2.1里新出现的。

（推荐教程：css快速入门）

起初，伪元素的前缀使用的是单冒号语法，但随着Web的进化，在CSS3的规范里，单冒号表示伪类，伪元素的语法被修改成使用双冒号，成为::before ::after。伪元素并不存在与dom中，只存在于页面之中。

作用：

::after用来创建一个伪元素，作为已选中元素的最后一个子元素。通常会配合content属性来为该元素添加装饰内容。这个虚拟元素默认是行内元素。

::before 创建一个伪元素，其将成为匹配选中的元素的第一个子元素。

以上就是伪元素“::after”和“::before”的作用分别是什么的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

css如何使用伪元素

伪类和伪元素的使用方法介绍

css中一个冒号（:）和两个冒号（::）的区别

什么是伪类和伪元素？伪类和伪元素的区别的区别详解

css如何使用伪元素清除浮动

如何改变css伪元素的样式

伪元素“::after”和“::before”的作用分别是什么

css中伪类和伪元素有什么区别

::before如何使用？使用::before绘制几何图形（代码示例）

css中伪元素before和after怎么使用

更多相关阅读请进入《伪元素》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » 伪元素“::after”和“::before”的作用分别是什么