定义和用法

:last-child 选择器匹配属于其父元素的最后一个子元素的每个元素。

语法

p:last-child

例子 1

<html>
<head>
<style> 
p:last-child{
background: green;
}
</style>
</head>
<body>
<h1>CSS3 :last-child伪类选择器用法</h1>
<p>第一个段落。</p>
<p>第二个段落。</p>
<p>第三个段落。</p>
<p>第四个段落。</p>
<p>第五个段落。</p>
</body>
</html>

效果:

CSS3 :last-child伪类选择器用法

第一个段落。

第二个段落。

第三个段落。

第四个段落。

第五个段落。