伪元素选择器

Posted fmgao-technology

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了伪元素选择器相关的知识,希望对你有一定的参考价值。

伪元素

介绍常用的伪元素。

first-letter

用于为文本的首字母设置特殊样式。

例如:

p:first-letter {
  font-size: 48px;
}

before

用于在元素的内容前面插入新内容。

例如:

p:before {
  content: "*";
  color: red;
}

在所有p标签的内容前面加上一个红色的*

after

用于在元素的内容后面插入新内容。

例如:

p:after {
  content: "?";
  color: red;
}

在所有p标签的内容后面加上一个蓝色的?

以上是关于伪元素选择器的主要内容,如果未能解决你的问题,请参考以下文章

CSS常用选择器伪元素选择器伪类选择器大全——响应式Web系列学习笔记

06-伪元素选择器

06-伪元素选择器

06-伪元素选择器

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

CSS伪元素选择器问题