ブラウザの表示
ソースの表示

div>p:first-childの例

テキスト sample ①

テキスト sample ②

テキスト sample ③

テキスト sample ④

 <html><head>
<style type="text/css"><!--
div>p:first-child { color: red; }
--></style></head>
<body>
<div>
  <h3>p:first-childの例</h3>
  <p>テキスト sample ①</p>
</div>
<div>
  <p>テキスト sample ②</p>
  <p>テキスト sample ③</p>
</div>
<blockquote>
  <p>テキスト sample ④</p>
</blockquote>
</body></html>
この例では、<div>タグの子要素として最初に出現した<p>タグにのみ、スタイルが適用されます。
Sample_1 戻る
最終更新：November-2010