CSSの記述に関して。

質問

お世話になります。

とあるサイトから見つけた記述なのですが、
以下１と２にはどのような違いがあるのでしょうか。

２には" > "が挟まっています。

いろいろ探してはみたのですが、
" > "が検索ワードとして反応しづらいのか見つかりませんでした。

１）ol.sub li.on2{overflow:hidden;}
２）ol.sub>li.on2{overflow:visible;}

ご教授宜しくお願いいたします。

回答No.1

notnot

1) ol.sub の子孫の li.on2 が対象
2) ol.sub の子供の li.on2 が対象

下記のような場合、1)だと対象だけど、2)だと対象じゃない。

<ol class="sub">
<li><ol>
<li class="on2">aaaa</li>
<li class="on2">bbbb</li>
</ol></li>
<li>AAAA</li>
</ol>

「CSS入門」とかで検索すると書いてあると思います。

お礼

助かりました。
初歩的なことだったのですね。一通り見直します。

ありがとうございました。