CSS 子元素组合器 (>)

定義と使用法

CSS子要素コンポーザー（>)は、特定の親要素の直接子要素として選択される要素を選択するために使用されます。

二つ目の選択子が一致する要素は、一つ目の選択子が一致する要素の直接子要素でなければなりません。

注意：指定された親要素の直接子要素でない要素は選択されません。

例

以下のスタイルを選択して設定します：<div>要素の直接子要素として選択される<p>要素のスタイル：

div > p {
  background-color: gold;
  border: 1px solid gray;
}

自分で試してみてください

CSS文法

element1 > element2 {
  css宣言;
}

技術的詳細

バージョン： CSS2

ブラウザのサポート

テーブルの数字は、そのコンポーザーの最初のブラウザバージョンが完全にサポートされていることを示しています。

Chrome Edge Firefox Safari Opera
支持 7.0 支持 支持 支持

相关页面

CSS 教程：CSS 子元素选择器