CSS3 Pre-Reference



:only-child

唯一の要素

試す

コード

p:only-child { }

サンプル

○×と右側のOK/NGが合致していれば正しいです。

×複数ある(これはp)

×複数ある(これはdiv)

コード

p:only-child { }

サンプル

○唯一の子要素(これはp)

コメントする


対応ブラウザ

Firefox
Chrome/Safari
すべて
Opera
InternetExplorer
9

パラメータ

レベル 3
参考文献 Selectors Level 3#6.6.5.10. :only-child pseudo-class

解説

その要素が唯一の子要素である場合にマッチします。
”:nth-child(1):nth-last-child(1)”や”:first-child:last-child”と同じ意味です。

このセレクタは、CSS3から実装されます。

トラックバック

投稿されたコメント