web前端全系列 教程
1839个小节阅读:2243.7k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
伪对象也叫伪元素,在过去,伪元素被书写成前面只加一个冒号,实际上应该是
xxxxxxxxxx
E::伪元素
常用伪元素
xxxxxxxxxx
E:before / E::before
E:after / E::after
before,after
选择器在被选元素的“内容”前面或后面插入内容,用来和content
属性一起使用。
虽然E:before/after
可转化为E::before/after
,但是你写伪元素是要规范,用两个冒号
xxxxxxxxxx
<ul>
<li>刘亦菲</li>
<li>范冰冰</li>
<li>杨幂</li>
<li>袁姗姗</li>
</ul>
xxxxxxxxxx
ul::before{
content:"这是ul的伪元素";
color: blue;
}
ul::after{
content:"这是之后的伪元素";
}
温馨提示
是显示在被选中标签内容之前和之后
应用场景
xxxxxxxxxx
<p>标题</p>
xxxxxxxxxx
p::before{
content:" ";
background-color: red;
padding-left: 3px;
}
实时效果反馈
1.下列哪个是在内容之前添加额外内容的选择器:
A :only-child
B ::before
C ::after
D :checked
答案
1=>B