伪对象选择器

伪对象也叫伪元素，在过去，伪元素被书写成前面只加一个冒号，实际上应该是

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