我有几个列表项,第一个与特色课程,一段时间没有. Withh 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？
UPDATE
如果有帮助,那么添加非要素类的能力确实存在.例如：
<ul> <li class="listing featured"></li> <li class="listing featured"></li> <li class="listing"></li> <li class="listing"></li> <li class="listing"></li> </ul>
解决方法
使用“相邻兄弟组合器”：
http://www.w3.org/TR/css3-selectors/#adjacent-sibling-combinators
li.featured + li:not([class="featured"])
