Question

我是一个初学者，我正在使用:before作为段落编号。我对段落有不同的样式，我想要一些段落编号，其他段落不编号。这是一个玩具示例：http://jsfiddle.net/afdBk/

我的问题是：你知道如何避免在我想要编号的每个段落类型之后放置相同冗长的:before litany吗？我可以简单地为它构建一个选择器（类似于.pgfno），将所有样式放在那里，然后在:before s中回调这个选择器吗？这将使事情更清晰，更容易阅读。

感谢。

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>

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

1 个答案: