CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

CSS > 子選択子

2つの要素を　> 検索子で区切るとき、それは最初の要素の直接後裔（子要素）の2番目の要素にのみ一致します。これに対して、2つの要素が後裔検索子で結合されている場合、最初の要素が祖先要素（親要素でもない場合もあります）として存在するすべての2番目の要素に一致します。DOMでは「ジャンプ」する回数に関係なく。

完全なCSS選択子リファレンスマニュアル

オンラインサンプル

すべての親要素が <div> 要素である <p> 要素を選択する：

例

<!DOCTYPE　html>
<html>
<title>基本チュートリアルウェブ（oldtoolbag.com)</title>
<head>
<style>
div>p
{
background-color:red;
color:white;
}
div　>　span　{background-color:　DodgerBlue;}
</style>
</head>
<body>
<h1>ようこそ基本チュートリアルウェブ（ja.oldtoolbag.com)</h1>
<div>
<p>私たちのウェブサイトのURLは：ja.oldtoolbag.com.</p>
<p>私たちのウェブサイトの名前は：基本チュートリアルウェブ。</p>
<span>子選択子のデモ</span>
</div>
<p>あなたにさまざまな基本的なチュートリアルを提供します。基礎を学ぶことができれば、もっと遠くへ行けるようになります！</p>
</body>
</html>

テストして見て‹/›

定義と用法

要素1　>　要素2　{スタイル宣言　}

element>element 子選択子は特定の親要素を選択するために使用されます。

注意： 要素が選択されていないと、直接親要素の子要素を指定することはできません。

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがサポートしています element>element 子選択子。

注意：element>elementIE8中で実行するには、宣言する必要があります <!DOCTYPE>

完全なCSS選択子リファレンスマニュアル

CSS関数（Functions）CSS選択子全書