:last-of-type

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

last-of-type擬似クラスはは兄弟要素で特定の要素のうちで1番最後の要素を絞り込めるセレクタです。

<dl>
	<dt id="dt1">dt1</dt>
	<dd id="dd1">dd1</dd>
	<dt id="dt2">dt2</dt>
	<dd id="dd2">dd2</dd>
	<dt id="dt3">dt3</dt>
	<dd id="dd3">dd3</dd>
</dl>

このようなHTMLがあった場合、次のセレクタでは#dt3が赤色になります。

dt:last-of-type{
	color:red;	
}

このセレクタはnth-last-of-type擬似クラスを利用した次のセレクタと同じ意味をもちます。

linth-last-of-type(){
	color:red;
}

参考URL

6.6.5.9. :last-of-type pseudo-class - W3C

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

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

検索

スポンサードリンク

バージョン

リファレンス