:only-child

このエントリーをはてなブックマークに追加

only-child擬似クラスは兄弟要素が一つしかない要素を選択できるセレクタです。

<ul>
	<li>li1</li>
</ul>

このようなHTMLがあった場合、次のセレクタでは兄弟要素が他に存在するli要素が赤色になります。

li:only-child{
	color:red;	
}

以下のように兄弟要素が複数ある場合はonly-child擬似クラスでは指定できません。

<ul>
	<li>li1</li>
	<li>li2</li>
</ul>

参考URL

6.6.5.10. :only-child pseudo-class - W3C

登録日 : 2013年06月08日 最終更新日 : 2013年6月8日

同じカテゴリー(Selector)のエントリー

検索

スポンサードリンク

バージョン

リファレンス