0

コンテンツでカウンターを使用する順序付きリストがあります。

質問：

色をコンテンツ属性 (NUMBERS) のみに変更するにはどうすればよいですか (例: 1.2、1.3、... から赤)。

注: CSS のみを探しています (HTML の変更はありません!)

HTML:

<ol>
        <li>Item
            <ol>
                <li>Item</li>
                <li>Item
                    <ol>
                        <li>Item</li>
                        <li>Item</li>
                        <li>Item</li>
                    </ol>
                </li>
                <li>Item</li>
            </ol>
        </li>
        <li>Item</li>
        <li>Item</li>
    </ol>

CSS:

ol {
    list-style-type: none;
    counter-reset: item;
}
ol li:before {
    content: counters(item, ".")". ";
    counter-increment: item
}

必要な出力:

出力

4

1 に答える 1

2

color:red;すべての数字に対してそれを行うには、このような数字のcssに追加するだけです

ol li:before {
    content: counters(item, ".")". ";
    counter-increment: item;
    color:red;
}

http://jsfiddle.net/ZSkLE/3/

下位レベル（質問を編集する前にやりたかったように見えたもの）でそれを行うには、これを行うことができます..

ol li ol li:before {
    color:red;
}

次のレベルが赤くなるのを止めるには..

ol li ol li ol li:before {
    color:black;
}

http://jsfiddle.net/ZSkLE/1/

于 2013-09-17T09:10:10.467 に答える