css4个伪元素

CSS中有四个非常有用的伪元素，它们可以用来在元素的前面或后面创建元素特定的样式。这些伪元素是：

::before
::after
::first-letter
::first-line 

::before和::after伪元素可以用来在元素的前面或后面插入内容。这个内容可以是纯文本、HTML标签、图片或其他元素。它们通常用于创建一些仅在CSS中维护的视觉效果。

p::before {
    content: "在这里添加文本";
    font-weight: bold;
}

p::after {
    content: url("img.jpg");
} 

::first-letter伪元素可以用来对文本的第一个字母进行特殊的样式设置。它可以设置字体、字号、颜色、对齐等属性。

p::first-letter {
    font-size: 50px;
    color: red;
} 

::first-line伪元素可以用来对段落的第一行进行特殊的样式设置。它可以设置字体、字号、颜色、对齐等属性。

p::first-line {
    font-size: 20px;
    color: blue;
    text-decoration: underline;
} 

CSS中的伪元素对于创建复杂的样式和特效非常有用。通过使用它们，我们可以更好地控制页面中的内容。