CSS Descendant combinator プロパティ 関数 要素 使い方・書き方 例 CSS サンプル
ページコンテンツ
Descendant combinator CSS プロパティとは
トピック:このセレクタは、指定された要素の子孫であるすべての要素に一致する、ことができる 通常は単一のスペース文字(空白文字)で表される子孫コンビネータ、2つのCSSセレクタを結合する 最初のセレクタと一致する要素の子孫の2番目のセレクタと一致する要素を選択する子孫コネクタを使用するセレクタは子孫セレクタと呼ばれる たとえば、すべてのアンカー要素をターゲティングするのではなく、順序付けられていないリストに含まれているアンカーのみをターゲットにしたい場合など
Descendant combinator
実例 コード 1
サンプル コードを試すul.menu li a {text-decoration: none;}h1 em {color: green;}
構文
selector1 selector2 { style : properties ; }
セレクター1 セレクター2 {スタイル要素のプロパティ : プロパティ値; }
サポートするデスクトップ ブラウザ対応・互換性
| Property | Descendant combinator プロパティ 値 | |||||
|---|---|---|---|---|---|---|
| Descendant combinator | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
| 基本 サポート | フルサポート◯ 1 | フルサポート◯ 12 | フルサポート◯ 1 | フルサポート◯ | フルサポート◯ | フルサポート◯ |
A >> B syntax | サポートなし✖ | サポートなし✖ | サポートなし✖ | サポートなし✖ | サポートなし✖ | フルサポート◯ 10 |
サポートするモバイル ブラウザ対応・互換性
| Property | Descendant combinator 内容 説明 | ||||||
|---|---|---|---|---|---|---|---|
| Descendant combinator | Android | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet |
| 基本 サポート | フルサポート◯ | フルサポート◯ | フルサポート◯ | フルサポート◯ 4 | フルサポート◯ | フルサポート◯ | フルサポート◯ |
A >> B syntax | サポートなし✖ | サポートなし✖ | サポートなし✖ | サポートなし✖ | サポートなし✖ | フルサポート◯ 10 | サポートなし✖ |
