CSS Descendant combinator プロパティ 関数 要素 使い方・書き方 例 CSS サンプル

Descendant combinator CSS プロパティとは

トピック:このセレクタは、指定された要素の子孫であるすべての要素に一致する、ことができる 通常は単一のスペース文字(空白文字)で表される子孫コンビネータ、2つのCSSセレクタを結合する 最初のセレクタと一致する要素の子孫の2番目のセレクタと一致する要素を選択する子孫コネクタを使用するセレクタは子孫セレクタと呼ばれる たとえば、すべてのアンカー要素をターゲティングするのではなく、順序付けられていないリストに含まれているアンカーのみをターゲットにしたい場合など

Descendant combinator

実例 コード 1

サンプル コードを試す
  • ul.menuli a {
  • text-decoration: none;
  • }
  • h1em {
  • color: green;
  • }

構文

selector1 selector2 { style : properties ; }
 セレクター1 セレクター2 {スタイル要素のプロパティ : プロパティ値; }

サポートするデスクトップ ブラウザ対応・互換性

PropertyDescendant combinator プロパティ 値
Descendant combinatorChromeEdgeFirefoxInternet ExplorerOperaSafari
基本 サポートフルサポート◯ 1フルサポート◯ 12フルサポート◯ 1フルサポートフルサポートフルサポート
A >> B syntax サポートなしサポートなしサポートなしサポートなしサポートなしフルサポート◯ 10

サポートするモバイル ブラウザ対応・互換性

PropertyDescendant combinator 内容 説明
Descendant combinatorAndroidChrome for Android
Edge MobileFirefox for Android
Opera for Android
iOS SafariSamsung Internet
基本 サポートフルサポートフルサポートフルサポートフルサポート◯ 4フルサポートフルサポートフルサポート
A >> B syntax サポートなしサポートなしサポートなしサポートなしサポートなしフルサポート◯ 10サポートなし
CSS Descendant combinator プロパティ 関数 要素 使い方・書き方 例 CSS サンプル
CSS Descendant combinator プロパティ | 使い方 | 書き方 | サンプル | セレクタ 値 | 属性 入門 | CSS マニュアル – WebRef
あわせて読みたい

Html

Glossary

PHP

JavaScript

JQuery