为什么.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>

有人在乎解释吗？