jquery - 最后一节课如何穿搭？

Question

例如，我有这样的 HTML:

<div class="outer">
  <div class="classme"></div>
</div>
<div class="outer">
  <div class="classme"></div>
  <div class="classme"></div>
  <div class="classme"></div>
</div>

最后一个类的样式如何是classme。谢谢。

Answer 1

您可以使用以下 CSS2 选择器:

div + .classme:last-child { ... }

它选择 .classme 元素，这些元素是其父元素的最后一个子元素，并且紧随其后的是 div。这确保该元素至少有一个前一个同级元素，即它不是唯一的子元素。

您还可以使用以下 CSS3 选择器:

.classme:last-child:not(:only-child) { ... }

原始答案

你可以使用这个:

.classme:last-child { ... }

它选择作为其父级的最后一个子级的 .classme 元素。