もっと"Try it Yourself"以下の例。
定義と使用法
第一子のセレクタは、その親の最初の子である場合にのみ、指定されたセレクタを選択するために使用されます。
バージョン: | CSS2 |
---|
ブラウザのサポート
表中の数字は完全にセレクタをサポートする最初のブラウザのバージョンを指定します。
セレクタ | |||||
---|---|---|---|---|---|
:first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
Note:の場合:IE8およびそれ以前のバージョンで動作するように第一子、 <!DOCTYPE>を宣言する必要があります。
CSSの構文

その他の例
例
選択して、スタイルごとに<i>すべてのの要素<p>要素、 <p>要素は、その親の最初の子であります:
p:first-child i
{
background: yellow;
}
»それを自分で試してみてください 関連ページ
CSSチュートリアル: CSS疑似クラス