CSS 結合子

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

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

css

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

構文

css

/* 関係を表すためにセレクターを組み合わせる */
セレクター1 結合子 セレクター2 {
  プロパティ: 値;
}

このページは MDN の貢献者によって 2025年11月10日に最終更新されました。