CSS Reference

子孫セレクタ

子孫要素にスタイルを適用する

子孫セレクタは、親要素である要素名 A に含まれる、すべての子孫要素である要素名 B にスタイルを適用します。要素名 A と要素名 B は半角スペースで区切って入力します。

ユニバーサルセレクタや属性セレクタなどと組み合わせて使用することで要素を絞り込むことも可能です。

子孫セレクタのサンプルソース

p span.note {
  font-style: italic;
}
p.link a {
  background-color: yellow;
  border: solid orange 1px;
}

主要ブラウザの対応

IE11 ○
Edge（EdgeHTML） ○
Edge（Chromium） ○
Chrome ○
Firefox ○
Safari ○
iOS Safari ○
Android Chrome ○

関連するセレクタ

用途から CSS プロパティやセレクタを探す

用途から CSS プロパティやセレクタを逆引きできます。

対応ブラウザから CSS プロパティやセレクタを探す

対応ブラウザから CSS プロパティやセレクタを逆引きできます。

Edge（Chromium）
Firefox
Chrome
Safari
iOS Safari
Android Chrome