CSS
The CSS `:last-of-type` selector is used to select the last element of a specified type among its sibling elements.
:last-of-type
CSSの:last-of-typeセレクタは、ある要素の兄弟要素の中で最後の特定の要素タイプを選択するために使用されます。このセレクタは、指定された要素の中で最後の要素にスタイルを適用する場合に便利です。
使用例
以下の例では、<p>タグの最後のものにだけスタイルを適用します。
HTML
<p>最初の段落</p>
<p>二番目の段落</p>
<div>これは段落ではありません</div>
<p>最後の段落</p>
CSS
p:last-of-type {
color: red;
}
この例では、最後の <p>要素(「最後の段落」)が赤色になります。他の <p>要素にはスタイルが適用されません。
最初の段落
二番目の段落
これは段落ではありません
最後の段落
注意点
- :last-of-typeは、指定された要素タイプ(例:pやdiv)の最後の要素に適用されることに注意してください。
- 同じ親要素を持つ兄弟要素の中で最後の要素が対象となります。