CSS：beforeの擬似要素を短縮しますか？

Question

私は少し初心者ですが、段落番号に:beforeを使用しています。私は段落のスタイルが異なり、いくつかの段落には番号を付け、他の段落には番号を付けないようにしたい。おもちゃの例は次のとおりです：http://jsfiddle.net/afdBk/

私の質問は：あなたは同じ長いことを避けるための方法を知っています:beforeすべての段落の種類の後に番号を付けたいと思いますか？私は単にそれのためのセレクタ（.pgfnoのようなもの）を作り、そこにすべてのスタイリングを入れて、:beforeのこのセレクタにコールバックすることができますか？これにより、物事はよりクリーンで読みやすくなります。

ありがとうございました。

Answer 1

一度に複数のセレクタにルールを割り当てることができます（jsFiddleを）あなたはまた、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; 
} 

：

.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>