子セレクタ子要素にスタイルを適用する
子セレクタは、親要素である要素名 A に含まれる、すべての子要素である要素名 B にスタイルを適用します。要素名 A と要素名 B は不等号(>)でつないで入力します。
「子要素」とは、ある要素の直下にある要素のことです。
子セレクタのサンプルソース
div > p { background-color: yellow; }
主要ブラウザの対応
IE11 | ○ |
---|---|
Edge(EdgeHTML) | ○ |
Edge(Chromium) | ○ |
Chrome | ○ |
Firefox | ○ |
Safari | ○ |
iOS Safari | ○ |
Android Chrome | ○ |