预期中不工作的 HTML5 :last-child 选择器

last-child 选择器用于选择父级的最后一个子元素。它不能用来选择在给定父元素下具有特定类名的最后一个子元素。

用 background-color 设置最后一个子元素 li 的样式-

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

如果该元素不是最后一个元素，则会出现问题。

让我们看一个 <a> 的例子 -

如果你的选择器是 a:last-child，则是这样的 -

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

Ankith Reddy

更新日期：2020 年 06 月 24 日

332 浏览

开启您的职业生涯

通过完成课程获得认证

开始学习