CSS：如何根据孩子的班级选择父母的最后一个孩子[重复]答案

【问题标题】：CSS: How to select last child of a parent based on the child's class [duplicate]CSS：如何根据孩子的班级选择父母的最后一个孩子[重复]
【发布时间】：2018-07-16 08:38:25
【问题描述】：

我需要将文本5 的颜色更改为红色。

这不起作用。有什么办法可以解决这个问题？

注意：这是实际问题的一个小代表。所以孩子的位置不是固定的，他们的数量也不是固定的。

#parent>.child:last-of-type {
  color: red;
}

<div id="parent">
  <span class="child">1</span><br>
  <a>2</a><br>
  <span class="child">3</span><br>
  <a>4</a><br>
  <span class="child">5</span><br>
  <span>6</span>
</div>

【问题讨论】：

@TimGerhard - 似乎也不起作用
不。这行不通，因为.child 不是最后一个孩子。
简短的回答是你不能不作为 last-child 是你要做的最后一个跨度以及你使用的类
这不是重复的，因为在我的情况下，最后一个孩子是一个跨度。请仔细阅读问题@TemaniAfif
@HimanshuAggarwal 这是一个完美的重复 :) 您要根据与其他问题相同的类进行选择

标签： html css css-selectors

【解决方案1】：

试试这个

#parent span:nth-child(9) {
  background: red;
}

<div id="parent">
  <span class="child">1</span><br>
  <a>2</a><br>
  <span class="child">3</span><br>
  <a>4</a><br>
  <span class="child">5</span><br>
  <span>6</span>
</div>

【讨论】：

n 的值不固定。这是实际问题的一个小表示。