高级 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。