css - CSS：ul内にあるliに対してのみスタイルを設定します

Question

いくつかのリスト項目（li）を含む順序付けられていないリスト（ul）があります。このうちの1つには、（ul）内に別の順序付けされていないリストがあります。ここで、これらすべてのliに同じスタイルシートを設定します。ただし、内部に別の順序付けされていないリストがあるliを除きます。

<ul>
    <li>Element</li>
    <li>Another Element</li>
    <li>Special Element
        <ul>
            <li>Child</li>
            <li>Child</li>
        </ul>
    </li>
</ul>

特別なliに特定のクラスを設定せずにCSSを設定するにはどうすればよいですか？

Answer 1

ul ul li { your-rules: here; }

これを読むことをお勧めします。カスケードと特異性を理解するのに役立ちます：http：//reference.sitepoint.com/css/inheritancecascade

- 編集 -

申し訳ありませんが、内部liではなく、のスタイルを設定したいことに気づきました。ul li

li:nth-child(3) { your-rules: here; }

注：これは、li3つ以上ある場合、内部にも影響します。

http://css-tricks.com/how-nth-child-works/を読んで、私が提案したルールを理解してください。

Answer 2

現在のCSS仕様では、これは不可能です。「特定のコンテンツを含む要素」のセレクターはありません。CSS4でも可能かもしれませんが、現時点では、「特別な」liを特定するために特別な対策を講じる必要があります。

<ul>
    <li>Element</li>
    <li>Another Element</li>
    <li class="specialelement">Special Element
        <ul>
            <li>Child</li>
            <li>Child</li>
        </ul>
    </li>
</ul>

.specialelementクラスに独自のスタイルを与えます。

Answer 3

で試してみてください

ul li > li {
   some style
}