CSS3 Pre-Reference



:only-of-type

唯一の指定タイプの要素

試す

コード

p:only-of-type { }

サンプル

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

○p:only-of-type
これはp

×p:only-of-type
これはdiv

コード

p:only-of-type { }

サンプル

×p:only-of-type
これはp

×p:only-of-type
これはp

コメントする


対応ブラウザ

Firefox
3.5~
Chrome/Safari
Opera
InternetExplorer
9

パラメータ

レベル 3
参考文献 Selectors Level 3#6.6.5.11. :only-of-type pseudo-class

解説

その要素が唯一の子要素である場合にマッチします。”:nth-of-type(1):nth-last-of-type(1)”や”:first-of-type:last-of-type”と同じ意味です。同じ階層の同一タイプの要素のみカウントします。

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

トラックバック

投稿されたコメント