CSS选择器：是否可以选择整个html中具有相同类名的最后一个元素？

Question

<ul></ul>
... // many ul s here
<ul>
  <li class="list">test1</li>
  <li class="list">test2</li>
  <li class="list">test3</li>
</ul>
<ul>
  <li class="list">test4</li>
  <li class="list">test5</li>
  <li class="list">test6</li>
</ul>
... // many ul s here
<ul></ul>

如何使用CSS选择器选择“ test6”？

重要提示：

1. 由于页面中可能有许多ul标签，所以我无法直接编写ul:nth-child(2) > li
2. 没有任何js或jQuery函数，仅CSS。
3. 与其他问题有点不同。元素位于不同的div中，我想获取最后一个包含classname="list"
的元素

任何帮助将不胜感激，谢谢！

Answer 1

您可以将最后一个孩子与最后一个孩子相结合

ul:last-of-type .list:last-child  {
    background: #ff0000;
}

<ul>
  <li class="list">test1</li>
  <li class="list">test2</li>
  <li class="list">test3</li>
</ul>
<ul>
  <li class="list">test4</li>
  <li class="list">test5</li>
  <li class="list">test6</li>
</ul>

Answer 2

仅当test6是HTML中的最后一个元素时才可能

尝试一下

ul:last-child li.list:last-child{
  color:green;
}

工作码本：https://codepen.io/anon/pen/ZmRqpg

Answer 3

ul:last-of-type .list:last-of-type { background: #ff0000; }