高级CSS / Jquery选择器

Question

我有以下要素：

<div customAttribute="1" > element 1 </div>
<div customAttribute="1-1" > element 1-1 </div>
<div customAttribute="1-1-1" > element 1-1-1 </div>
<div customAttribute="1-1-2" > element 1-1-2 </div>
<div customAttribute="1-2" > element 1-2 </div>

如何使用customAttribute

获取所有元素

1-1,
1-2,
...
1-n

但不是

1-1-1,
1-1-2,
...
1-1-n

使用CSS选择器？

Answer 1

据我了解，您可以使用div[customAttribute^='1-']:not([customAttribute^='1-1-'])。 这将适用于jquery和css，如您所见：   http://jsfiddle.net/597y2e6r/1/

如果不是这种情况，则需要更复杂的模式匹配css可能不是最佳工具......您可以使用filter代替。