如何选择没有特定类的最后一个元素？

Question

如何选择没有li课程的最后.hidden？

我有这样的HTML和CSS：

ul li:last-child:not(:first-child):not(.hidden) button {
  background-color: red;
}

    <ul>
      <li>
        <button>1</button>
      </li>
      <li>
        <button>2</button>
      </li>
      <li class="hidden">
        <button>3</button>
      </li>
    </ul>

Answer 1

CSS :nth和:last-child伪选择器只能使用标记而不能使用:not或class等其他选择器，但如果有最后总是只有一个.hidden li，那么你可以使用这样的东西：

li:nth-last-child(2) { background: lightblue; }

<ul>
  <li>1</li>
  <li>2</li>
  <li class="hidden">3 hidden</li>
</ul>

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li class="hidden">4 hidden</li>
</ul>