可以使用：在伪选择器之前自己？

Question

例如：

HTML

<p>text</p>

CSS

p:before {
content: " 1";
}

p:before:before {
content: " 2";
}

最终会出现这样的结果：

text 1 2

如果无法做到这一点，有没有办法模仿同样的效果？

在我的项目中，我使用font-size:0隐藏了原始文字内容，并使用:before伪选择器在其中添加了彩色文字。

但是，这是2个单词，所以我希望能够在生成的内容之后添加更多内容来更改颜色。

“GLB指南”是使用:before生成的，但我希望能够使这两个词的颜色不同。

希望有意义！

Answer 1

你想要一些像下面这样的东西，让你用两种不同颜色的文字：

p:before {
content: " GLB";
color: red;
}

p:after {
content: " Guide";
color: blue;
}

<p></p>