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元素作为其父级的最后一个子元素。

Answer 2

您应该应用以下内容：

 .other div:last-child {
    ...
  }

示例：http://jsfiddle.net/8LJER/

Answer 3

你可以使用css

.classme:last-child
{
    color: red;
}

或使用jQuery

$('.classme:last-child').css('color','red')

JSFiddle

如何为最后一堂课设计风格？

3 个答案: