1

リスト内にリストがありますが、内側のリストが外側のリストのスタイルを受け取らないようにします。これは私のコードです：

CSS：

li {
    background-color:red;
}

#sections li {
    color:blue;
}

HTML：

<ol id="sections">
<li>Item 1</li>
<li>Item 2</li>
<li>
<ol><li>Item A</li>
<li>Item C</li>
</ol>
</ol>

デフォルトに設定することもできcolorますが、それは一種のハックであり、将来、スタイルに何かを追加する#sections liと、内部リストスタイルが混乱する可能性があるため、これは不適切なコーディング形式であると思われます。

内側のリストが外側のリストの影響を受けないようにするにはどうすればよいですか？

4

2 に答える 2

4

代わりに、次のように、ネストされたリストに対して新しいスタイルを実行することをお勧めします。

ol ol li,
ol ul li,
ul ol li,
ul ul li
{
    /* Nested list styles */
    background: #FFF;
    color: #000;
}

>子セレクターを使用して、トップレベルのみをターゲットにすることもできます<li>。

ol#selections > li
{
    color: blue;
}
于 2012-09-13T01:56:57.337 に答える
0

私はあなたが欲しいものは

ul li {color:blue}
ul li li {color:white;}

2番目の色を変更するだけです

于 2012-09-13T01:56:34.017 に答える