ホーム お問合せはこちらから ページのトップへ戻る

新潟のホームページ制作会社・ワードプレスでウェブサイトを製作するドコドア
お問合せはこちらから お電話でのお問い合わせは0120-66-0209まで

SEOブログ

スタッフブログ

54 子孫コンビネータ

2014.5.27

html54

子孫コンビネータとは?

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

    html54-1

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

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

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

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

このページのまとめ

  • 子孫コンビネータを使用すると、特定の親要素の子孫要素にだけスタイルを適用できる。
  • 子孫コンビネータにはクラスセレクタやIDセレクタも使用する事ができる。
主にコーディング作業や納品後の更新作業を担当しています。デザイン業務もちょこちょこやってます。PHPやらJQueryの勉強中。
>清野哲郎のプロフィールを見る

お問合せメールフォーム

このページがあなたにとって役に立ったと感じたら下のボタンから共有をよろしくお願いします。

WORKS

制作事例一覧を見る
  • case72i
  • case89i
  • case107i
  • case108i
  • case111i
  • case88i
  • case98i
  • case110i
  • case112i
  • case102i
  • case106i
  • case104i
  • case103i
  • case100i
  • case99i
  • case109i
  • case96i
  • case105i
  • case86i
  • Ciel02
  • case22_1
  • toiro
  • case80i
  • case79i
  • case78i
  • case06-2i
  • case76i
  • case74i
  • case73i
  • case97i
  • スクリーンショット 2016-04-05 18.41.36
  • case90i
  • case82i
  • case87i
  • case71アイキャッチ
  • 国際大学
  • case84i
  • dejimo0
  • case65アイキャッチ
  • kirin_hanbai
  • case67アイキャッチ
  • case75i
  • flowerhome0
  • keiwa
  • greenstyle0
  • case57_1
  • case92i
  • case56_2
  • case54_2
  • case52_1
  • case51-1
  • case49-1
  • joywood0
  • case59_1
  • 上越どんぶり巡り様
  • yu
  • 無添加住宅
  • neal
  • hukuhuku1
  • sasa-t
  • shinoda
トップへ戻るボタン

WORKS

hoimi case93i case101i
新潟のホームページ制作・Webデザイン製作のドコドア

本 社 新潟県三条市土場1-5 tel 0120-66-0209
新潟オフィス 新潟市中央区天神1-1 プラーカ3 2F
東京オフィス 渋谷区道玄坂1-12-1 渋谷マークシティW22F