CSS 参考手冊

CSS @規則(RULES)

CSS 属性大全

CSS3 :last-of-type 選択子

:last-of-type CSS 仮クラスは、（親要素の）子要素リスト内で最後の指定されたタイプの要素を表します。コードがParent tagName:lastの場合-of-typeの作用範囲は、親要素のすべての子要素の最後の選択された要素を含みます。これには、子要素の最後の子要素も含まれます。

完全なCSS選択子リファレンスマニュアル

オンラインの例

親の最後のp要素の背景色を指定します：

例

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>基本のチュートリアル(oldtoolbag.com)</title>/<title>　
<style>　
p　em:last-of-type　{
　　color: green;
}
</<style>
</<head>
<body>
<p>
　　<em>私は色もありません　:(</em><br>
　　<strong>私は色もありません　:(</strong><br>
　　<em>私は色があります　:D</em><br>
　　<strong>私は色もありません　:(</strong><br>
</p>
<p>
　　<em>私は色もありません　:(</em><br>
　　<span><em>私は色があります!</em></span><br>
　　<strong>私は色もありません　:(</strong><br>
　　<em>私は色があります　:D</em><br>
　　<span>
　　　　<em>私は子要素の中にいますが、色がありません!</em><br>
　　　　<span　style="text-decoration:line-through;">私は色もありません　</span><br>
　　　　<em>私は色があります！</em><br>
　　</span><br>
　　<strong>私は色もありません　:(</strong>
</p>
</body>
</html>

テストしてみる ‹/›

定義と用法

element:last-of-type　{　style　properties　}

:last-of-type選択子は、その親が特定のタイプの最後の子要素である要素に一致します。

ヒント: および:nth-last-of-type(1)は同じ意味です。

ブラウザの互換性

テーブルの数字は、その属性をサポートする最初のブラウザのバージョン番号を示します。

選択子
:last-of-type	4.0	9.0	3.5	3.2	9.6

完全なCSS選択子リファレンスマニュアル

CSS関数（Functions）CSS選択子全書