CSS第一个没有类的元素

Question

我有一些列表项,第一个是特色类,过了一些没有.有了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"])