Result
Download
Reset
▶︎
<html lang="ja"> <meta charset="utf-8"> <style> nav ul{color:red;} </style> <h1 style="font-size:18px;">nav ul と nav > ul の違いについて</h1> <h2 style="font-size:14px;color:#456789;margin-left:40px;">nav ul (あらゆる子孫セレクタに CSSを)</h2> <hr> <nav> <ul><!-- ここが対象 --> <li>nav の子要素の ul の子要素の li</li> </ul> <div> <ul><!-- ここも対象 --> <li>nav の子要素の div の子要素の ul の子要素の li</li> </ul> </div> </nav> <p style="font-size:14px;margin:40px;color:#456789;">説明: ul 要素だけでなく, 子孫(孫, ひ孫...)である ul 内のすべての要素が対象</p> </html>
