CSS3伪元素选择器 ::before ::after | 记录自己的前端学习日子

Posted 宁在春

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS3伪元素选择器 ::before ::after | 记录自己的前端学习日子相关的知识,希望对你有一定的参考价值。

写在前面最近冷空气来临,大家注意保暖,如果有时间,也给许久未见的家人、朋友、那个你想见没去见的人打个冬日的暖心电话吧。别等了,就这次吧。

2021年11月7日,立冬之时

前言

本文适合前端小白,或者是复习CSS的小伙伴,因为作者还是个前端小白(

关于伪元素选择器

所谓的伪元素选择器,是针对于CSS中已经定义好的伪元素使用的选择器。CSS中常用的伪元素选择器有:before伪元素选择器和:after伪元素选择器,

1.   :before 用法:

     <元素>:before   

      {

        content : 文字 /  url ();

       }

 上述的语法中,被选元素位于“   :before  ”   之前, {    }  中的content  属性用来指定要插入的具体内容,该内容可以为文本 也可以是图片 

2.  :after用法和 :before 用法是类似的 只不过插入的位置不同而已。

 

    

以上是关于CSS3伪元素选择器 ::before ::after | 记录自己的前端学习日子的主要内容,如果未能解决你的问题,请参考以下文章

CSS3 选择器

四十CSS3的新特性(中)

伪类选择器与伪元素选择器的区别

使用选择器在页面中插入内容

伪元素选择器:before 以及 :after

伪类选择器,伪类和伪元素的区别