>

意外と知らない!?CSSセレクタ20個のおさらい｜Webpark

E > F　（子要素にのみ適用）
セレクタを「>」で区切ると、ある要素の直下の階層にある要素にスタイルを適用する。
(孫には適用されない)

div.sample > a {
  font-size:18px;
  font-weight:bold;
}

<div class="sample">
  <a href="#">リンク1<a/>
  <ul>
    <li><a href="#">リンク1<a/></li>
  </ul>
<div>