CSS 第一个没有类的元素

Question

我有几个列表项，第一个是有特色类(class)的，然后是一些没有的。使用 CSS，我想选择列表中的第一项没有特色类...

代码如下:

<ul>
<li class="featured"></li>
<li class="featured"></li>
<li></li>
<li></li>
<li></li>
</ul>

我已经尝试了以下没有效果:

ul li:not(.featured):first-child {
  /* Do some stuff here */
}

关于如何在不借助 jQuery 的情况下执行此操作的任何想法？

更新如果有帮助，确实存在添加非要素类的能力。例如:

<ul>
<li class="listing featured"></li>
<li class="listing featured"></li>
<li class="listing"></li>
<li class="listing"></li>
<li class="listing"></li>
</ul>

Answer 1

使用“相邻兄弟组合器”:http://www.w3.org/TR/css3-selectors/#adjacent-sibling-combinators

li.featured + li:not([class="featured"])