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 プロパティやセレクタを逆引きできます。

Edge(Chromium)
Firefox
Chrome
Safari
iOS Safari
Android Chrome