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 | 记录自己的前端学习日子的主要内容,如果未能解决你的问题,请参考以下文章