::after 伪元素是什么
时间: 2023-12-24 19:12:01 浏览: 258
`::after` 是 CSS 中的一个伪元素,用于在某个元素的最后一个子元素之后插入内容。
使用 `::after` 可以在一个元素的尾部添加一些内容,这些内容不需要在 HTML 中显示出来。这些内容可以是纯文本、图片、图标等等。
`::after` 伪元素可以使用 `content` 属性来指定要插入的内容。例如:
```
p::after {
content: " - The End";
}
```
这个例子中,`::after` 伪元素被添加到 `p` 元素的末尾,内容为 `- The End`。注意,`::after` 伪元素的内容必须使用引号括起来。
除了 `::after`,CSS 还提供了另一个伪元素 `::before`,用于在一个元素的最前面插入内容。两者的使用方式基本相同,只是插入位置不同。
需要注意的是,伪元素是虚拟的元素,不能直接在 HTML 中使用,只能在 CSS 中使用。
阅读全文