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;">説明: nav 要素 - 直下(すぐ下の子要素)である ul 要素のみが対象</p> </html>