CSS：缩短：在伪元素之前？

Question

我是一个初学者，我使用:before作为段落编号。我对段落有不同的风格，我希望有些段落可以编号，其他段落可以不编号。这里有一个玩具的例子：http://jsfiddle.net/afdBk/

我的问题是：你知道一种方法来避免在我想要编号的每个段落类型之后放入同样长的:before litany吗？我可以简单地组成一个选择器（例如.pgfno），将所有样式放在那里，然后回拨到:before的选择器中？这将使事情变得更清洁并且更容易阅读。

谢谢。

Answer 1

您可以一次分配规则，以多个选择：（jsFiddle）

.maintext p.type1:before, .maintext p.type2:before, .maintext p.type3:before { 
    position: absolute; 
    text-indent: 0px; 
    left: 45px; 
    padding-top: 1px; 
    font-size: 80%; 
    color: #888888; 
    counter-increment: pgf; 
} 

您还可以设置一个单一的元素（jsFiddle）几类：

.numbered:before { 
    position: absolute; 
    text-indent: 0px; 
    left: 45px; 
    padding-top: 1px; 
    font-size: 80%; 
    color: #888888; 
    counter-increment: pgf; 
    content: counter(pgf); 
} 

<p class="type1 numbered">Lorem ipsum dolor sit amet...</p>