最后一个类型选择器
:last-of-type
选择其父元素的特定类型的最后一个子元素。在下面的示例中,css 选择最后一个段落和最后一个标题 h1
。
p:last-of-type {
background: #C5CAE9;
}
h1:last-of-type {
background: #CDDC39;
}
<div class="container">
<p>First paragraph</p>
<p>Second paragraph</p>
<p>Last paragraph</p>
<h1>Heading 1</h1>
<h2>First heading 2</h2>
<h2>Last heading 2</h2>
</div>