伪元素选择器

 

把段落中的第一个字变颜色；把段落的第一行改变颜色。

p::first-letter{
color:red;
}                <!-- P段落第一个字变成红色 -->

p::first-line{
color:green;
}            <!-- P段落第一行的字变成绿色 -->

 

改变鼠标拖动文字 蓝底白字的状态；

p::selection{
color:pink;
}

 <!-- 把P段落的文字鼠标滑动时变成粉色的字 -->

 

在父级盒子下 在段落的前面或者后面添加文字；

div::beform {
content:"在DIV盒子前面增加字",
}

div::after {
content:"在DIV盒子后面增加字";
}