什么是CSS伪元素？举例说明它们的用法。

CSS伪元素是一种特殊的语法，用于选择元素的特定部分，而不是选择整个元素。它们通常用来添加装饰或特殊效果。

伪元素以双冒号 :: 开始，并且附加在选择器的末尾。比如：::before 和 ::after 是两个常用的伪元素。

示例用法

::before 和 ::after

这两个伪元素常用于在元素的内容前后添加内容或装饰。这些内容通过CSS插入，并且可以通过 content 属性来指定。

css
/* 在每个 <p> 元素前添加装饰性的引号 */
p::before {
  content: open-quote;
  color: red;
}

/* 在每个 <p> 元素后添加装饰性的引号 */
p::after {
  content: close-quote;
  color: red;
}

::first-letter

这个伪元素用于选择文本的第一个字母，并进行特殊的样式化。

css
/* 将段落的第一个字母样式化 */
p::first-letter {
  font-size: 200%;
  color: blue;
}

::first-line

这个伪元素用于选择文本的第一行，并进行样式化。

css
/* 将段落的第一行字体加粗 */
p::first-line {
  font-weight: bold;
}

这些伪元素提供了一个强大的工具，用于改进和增强网页的视觉表现，而不需要额外的HTML标记。