CSS：如何根据子类的类选择父项的最后一个子项

Question

我需要将文字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>

Answer 1

试试这个

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;