伪元素选择器

Posted surewing

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伪元素选择器问题