CSS ネスト選択子

オンラインサンプル

選択<div>要素内のすべての<p>要素:

例

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

試してみる ‹/›

定義と使用法

element elementのネスト選択子は、要素内の要素を選択するために使用されます。

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

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

CSS関数（Functions）CSSセレクタ全書

CSS 参考マニュアル

CSS @ルール(RULES)

CSS属性全書

CSS ネスト選択子

オンラインサンプル

定義と使用法

ブラウザの互換性