:first-child

by 1 contributor:

概要

:first-child CSS 疑似クラス (Pseudo classes) は、自身の親要素の最初の子要素にマッチします。

構文

element:first-child { style properties }

li:first-child {
    background-color: lime;
}
<ul>
  <li>この li 要素の背景色はライム色になります</li>
  <li>この li 要素は対象となりません (・ω・` )</li>
</ul>
  • この li 要素の背景色はライム色になります
  • この li 要素は対象となりません (・ω・` )

仕様

仕様書 策定状況 コメント
Selectors Level 4 草案 変更無し
Selectors Level 3 勧告 最初期の定義

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本サポート 4.0 3.0 (1.9) 7 9.5 4
機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート 1.0 1.0 (1.9.1) 7 10.0 3.1

Internet Explorer に関する注記

  • Internet Explorer 7 は要素を動的に追加した際にスタイルを更新しません。
  • Internet Explorer 8 では、リンクのクリックにより要素が動的に挿入された場合、リンクがフォーカスを失うまで最初の子要素にスタイルが適用されません。

関連情報

ドキュメントのタグと貢献者

Contributors to this page: ethertank
最終更新者: ethertank,
サイドバーを隠す