首页 > web前端 > css教程 > 伪元素“::after”和“::before”的作用分别是什么

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

王林
发布: 2020-07-11 17:17:36
转载
4120 人浏览过

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

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

(推荐教程:css快速入门

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

作用:

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

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

以上是伪元素“::after”和“::before”的作用分别是什么的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:cnblogs.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板