Your Search Results

    :first-child

    概要

    :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 では、リンクのクリックにより要素が動的に挿入された場合、リンクがフォーカスを失うまで最初の子要素にスタイルが適用されません。

    関連情報

    Document Tags and Contributors

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