CSS 結合子

CSS の結合子は、セレクター同氏の関係を定義します。これらは、文書ツリー内の他の要素との関係に基づいて要素を選択することができます。

たとえば、<div> の直接の子である段落要素のみにスタイルを適用するには、子結合子 (>) が使用できます。

/* <div> の直接の子である <p> 要素に上マージンを設定 */
div > p {
  margin-top: 0;
}