お問い合わせ
  • HTML

54 子孫コンビネータ

子孫コンビネータとは?

子孫コンビネータとは、特定の親要素の子孫要素にだけ、スタイルを適用したいときに使用するセレクタです。子孫要素とは、親要素より下の階層にあるすべての要素をさしています。子要素も孫要素も全て子孫要素に含まれます。使い方は簡単で、複数のセレクタを半角スペースで区切るだけです。

子孫コンビネータとは?

例えば、セレクタを「div p」と書くと、div要素の子孫要素であるp要素にだけスタイルが適用されます。

div p {
color : green; }
font-weight : bold;
}

子孫コンビネータには、クラスセレクタIDセレクタも使用することができます。例えば、「#footer p」と書くと、id属性値がfooterである親要素の子孫要素(p要素)にだけ、スタイルが適用されます。

#footer p {
color : green; }
font-weight : bold;
}

このページのまとめ

  • 子孫コンビネータを使用すると、特定の親要素の子孫要素にだけスタイルを適用できる。
  • リストの見本ですリストの見本ですリストの見本ですリストの見本ですリストの見本ですリストの見本です

Contact Us

Web制作、Webマーケティング、SFA・MA導入支援に関するお悩みがある方は、お気軽にご相談ください。

お問い合わせ・ご相談

ホームページ制作、マーケティングにおける
ご相談はお気軽にご連絡ください。

資料請求

会社案内や制作事例についての資料を
ご希望の方はこちらから。

お電話でのお問い合わせ

お電話でのご相談も受け付けております。

※コールセンターに繋がりますが、営業時間内は即日
担当より折り返しご連絡をさせて頂きます。