CSS Selector nth-child

Question

我正面临着编写一个稍微复杂的CSS选择器的问题.

我想选择一个包含"class"的div 'btn-group',但不是'open'

所以我有类似的东西;

div[class*='btn-group']:not([class='open'])

现在问题是大约有5-6个元素符合上述条件.但我想选择第一个.我该怎么做？

更愿意使用nth-child..

Answer 1

怎么样div[class*='btn-group']:not(.open):first-of-type？

[编辑]:如果你有<div class="btn-group open"></div>第一个孩子,这个技巧不起作用......(正如下面@Jukka所解释的那样)一个基于JS的技巧会起作用,这个:

$("div[class*='btn-group']").not(".open").first()
    .css({...});

    // OR add a class
    // .addClass("class");