疑似クラス last-of-type
疑似クラス last-of-type は、
指定された型の親要素の最後の子孫である
要素を選択します。つまり、
h2:last-of-type と書けば、
親要素内の最後の h2 が対象になります(これは、
親要素内の最後の子要素である h2 のみを対象とする
last-child
とは異なります)。
構文
セレクタ:last-of-type {
}
例
親要素内で最後の h2 である見出しを見つけます:
<div>
<h2>見出し</h2>
<p>段落</p>
<h2>見出し</h2>
<p>段落</p>
<h2>見出し</h2>
<p>段落</p>
</div>
h2:last-of-type {
color: red;
}
: