css伪元素各个设置 |flask css js 404

• 插入内容，如在元素前面或后面添加一些文本或图标
• 更改元素的背景颜色或内容
• 改变元素的外观，如添加阴影、边框等

下面，大家将分别介绍几种常见的伪元素的用法：

::before和::after

::before和::after伪元素用来在元素前后添加一些内容。它们的用法类似，只是位置不同。

.box::before {
content: "Before";
}
.box::after {
content: "After";
}

这段代码会在具有.box类名的元素前后分别添加文本“Before”和“After”。

::first-letter和::first-line

::first-letter伪元素用来选中第一个字母（或汉字）并修改其样式，而::first-line伪元素则是选中第一行并修改样式。

p::first-letter {
font-size: 2em;
}
p::first-line {
font-weight: bold;
}

这段代码会将每个段落的第一个字母的字体大小设置为2倍，而第一行的字体加粗。

::selection

::selection伪元素用于选中文本时的样式，比如背景颜色、文本颜色等。

::selection {
background-color: yellow;
color: #333;
}

这段代码会在文本被选中时，将其背景颜色设置为黄色，文本颜色设置为深灰色。

上面仅是伪元素的一小部分用法，它们还有很多灵活的应用，可以根据实际情况选择使用。