CSS伪元素允许你选择文档树中不存在的部分，并为其应用样式。以下是一些常见的CSS伪元素：

1. ::before - 在元素的内容之前插入生成的内容。
   p::before {
     content: "→ ";
   }

2. ::after - 在元素的内容之后插入生成的内容。
   p::after {
     content: " ←";
   }

3. ::first-line - 选择元素的第一行，并为其应用样式。
   p::first-line {
     font-weight: bold;
   }

4. ::first-letter - 选择元素的第一个字母，并为其应用样式。
   p::first-letter {
     font-size: 150%;
     color: blue;
   }

5. ::selection - 选择用户选择的文本部分，并为其应用样式。
   ::selection {
     background-color: yellow;
     color: black;
   }

这些伪元素允许你在文档中创建一些虚拟的元素，或者为特定的部分应用样式，而不必在HTML中添加额外的标记。它们为设计师提供了更多的控制和创意空间。请注意，伪元素前缀使用的是::，而伪类使用的是:。


转载请注明出处：http://www.zyzy.cn/article/detail/12541/CSS