如何设置＆＃34;文本＆＃34;的样式？渲染自：{content：＆＃34; text＆＃34;}之后？

Question

我有一个<a>标记，并且a:after{content:"(1)"}我可以在其后面添加文字(1)。但是，如果我想设置(1)的颜色，字体怎么办？有可能吗？

谢谢，

Answer 1

您可以使用color属性执行此操作：

a:after{content:"(1)"; color:red;}

工作示例：http://jsfiddle.net/f2z8ztvc/

Answer 2

在CSS中设置伪元素的样式通常与为常规元素设置样式没有什么不同。主要区别在于选择器以及应用样式的位置。

规范描述了哪些CSS属性适用于哪些伪元素，但出于这个问题的目的，:before和:after伪元素的行为与它们的常规对象完全相同（有趣的是，{{3但是CSS2.1 mentions this explicitly）。因此，如果您想要更改:after伪元素的字体，则无法阻止您这样做。