CSS 結合子
CSS の結合子は、セレクター同氏の関係を定義します。これらは、文書ツリー内の他の要素との関係に基づいて要素を選択することができます。
たとえば、<div> の直接の子である段落要素のみにスタイルを適用するには、子結合子 (>) が使用できます。
css
/* <div> の直接の子である <p> 要素に上マージンを設定 */
div > p {
margin-top: 0;
}
このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
CSS の結合子は、セレクター同氏の関係を定義します。これらは、文書ツリー内の他の要素との関係に基づいて要素を選択することができます。
たとえば、<div> の直接の子である段落要素のみにスタイルを適用するには、子結合子 (>) が使用できます。
/* <div> の直接の子である <p> 要素に上マージンを設定 */
div > p {
margin-top: 0;
}
/* 関係を表すためにセレクターを組み合わせる */
セレクター1 結合子 セレクター2 {
プロパティ: 値;
}