CSSではある要素に属した子セレクタにスタイルを定義することができます。

たとえば
<ul class=”menu”>
<li>list1
<ul>
<li>list1-1</li>
</li>
</ul>
だったとして、CSSに ul.menu li { … } と定義すると class=”menu”で定義された ul 中の全ての<li>にスタイルが定義されます。
直接の子である1番目に登場する li だけにスタイルを適用したい場合は ul.menu の子である li ということで「ul.menu > li」と定義します。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です