子セレクタ CSS プロパティとは
トピック：子セレクタ（>）は、2つのCSSセレクタの間に配置され2番目のセレクタに一致する要素のみを選択することができる これは、最初のセレクタに一致する要素の子です指定された要素の直下の子であるすべての要素を選択する
子結合子
実例 コード 1
サンプル コードを試すul > li {list-style: square;}ul > li ol {list-style: none;}
構文
selector1 > selector2 { style : properties ; }
セレクター1 > セレクター2{スタイル要素のプロパティ : プロパティ値; }
CSSコード：例
span {
background-color: white;
}
div > span {
background-color: blue;
}
トピック：子セレクタを使用して、要素の直接の子要素である要素のみを 選択でる 。 子セレクタは、2つ以上のセレクタで構成され、より大きい記号（>）で区切られています。 これらのセレクタを使用して、複数のレベルを持つネストされたリスト内のリスト要素の最初のレベルを選択することができる。
サポートするデスクトップ ブラウザ対応・互換性
| Property | child combinator プロパティ 値 |
|---|
| child combinator | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|
| 基本 サポート | フルサポート◯ 1 | フルサポート◯ 12 | フルサポート◯ 1 | フルサポート◯ 7 | フルサポート◯ | フルサポート◯ |
|---|
サポートするモバイル ブラウザ対応・互換性
| Property | child combinator 内容 説明 |
|---|
| child combinator | Android | Chrome for Android
| Edge Mobile | Firefox for Android
| Opera for Android
| iOS Safari | Samsung Internet |
|---|
| 基本 サポート | フルサポート◯ | フルサポート◯ | フルサポート◯ | フルサポート◯ 4 | フルサポート◯ | フルサポート◯ | フルサポート◯ |
|---|
CSS child combinator プロパティ | 使い方 | 書き方 | サンプル | セレクタ 値 | 属性 入門 | CSS マニュアル – WebRef