The:last-child 选择器在 HTML5 中未按预期工作

last-child 选择器用于选择某个父元素的最后一个子元素。无法使用此选择器来选择给定父元素下的最后一个具有特定类别的子元素。

使用背景颜色设置最后一个 li 元素的样式 −

li:last-child{
   background-color: blue;
}

但如果该元素不是最后一个元素，会产生问题。

我们来看一个关于 <a> 的示例 −

如果你的选择器是 a:last-child，则以下有效 −

<div>
   <a></a>
   <a>This will be selected</a>
</div>

Ankith Reddy

更新时间：2020 年 6 月 24 日

332 次浏览

开启你的 职业征程

完成课程以获得认证

开始学习