html - 为什么 .class-name-1.class-name-2:first-child 不起作用？

Question

我今天写了这个简单的代码，我不知道为什么这种样式组合不起作用。

.current { background: blue; }
.current.past:first-child { background: red }

<ul>
  <li class="current">1 asd</li>
  <li class="current">2 asd</li>
  <li class="current">3 asd</li>
  <li class="current past">4 asd</li>
  <li class="current past">5 asd</li>
</ul>

有人愿意解释吗？

标签： htmlcss