私はこれについてどこでも読んでおり、読んだことから、ネストされたリストを選択せずにリストを選択しました。私はこれを持っている必要があります
.myclass > ul > li
//or even just
ul > li
私はそれをうまく機能させようとしてきました。セレクターは、ネストされたリストを含むすべてを選択しています。私は何が欠けていますか?
JS Bin のコードを参照してください。
私はこれについてどこでも読んでおり、読んだことから、ネストされたリストを選択せずにリストを選択しました。私はこれを持っている必要があります
.myclass > ul > li
//or even just
ul > li
私はそれをうまく機能させようとしてきました。セレクターは、ネストされたリストを含むすべてを選択しています。私は何が欠けていますか?
JS Bin のコードを参照してください。
一部の CSS スタイルは、別のスタイルが明示的にオーバーライドしない限り、親要素から継承されます。color
すべてのリスト項目に対して を設定しましたが、他の一致するセレクターに対してはオーバーライドしていません。追加するだけli { color: black }
で問題が解決するはずです。
ul 内にある ul を選択する必要がありますか?
.cats, .cats ul{list-style-type:none;}
.test li ul > li{color:red;} /* li ul: an ul inside a li */
>
これは、ネストされたリストをすべて選択します。おそらく、深さを制限するために使用したいでしょう。こちらをご覧くださいhttp://jsbin.com/asipap/16/
このli
要素は.test > ul > li
セレクターに一致します。したがって、 の内部を含め、その内部のすべてのテキストli
は赤になります。ul
li
<li>Test 1.1
<ul>
<li>nested</li>
</ul>
</li>