造型伪元素的一部分

Question

我是否可以通过以下方式将CSS样式定位到：before和：after伪元素的一部分？

Answer 1

如果您的:before伪元素内容与生成元素的内容一起显示为内嵌，您仍然可以单独定位:first-line或:first-letter，它应该覆盖{{1} }分别为生成内容的第一行或字母：

:before

除此之外，你不能用CSS可靠地定位部分div { width: 100px; } div:before { content: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit.'; } div:first-line { font-weight: bold; } div:first-letter { color: red; } 或:before伪元素，因为伪元素不能在CSS2.1中生成其他伪元素，只有真实元素可以。如果您需要设置附加内容的第一个字母的样式，请使用JavaScript首先附加该内容。

Answer 2

当你说只是伪元素的一部分时，我不明白。要定位:after和:before将其视为块元素的样式，您需要具备的基本内容是：

.element:after, .element:before {
    content: " ";
    display: block;
    width: 100px;
    height: 100px;
}