CSS属性选择器类开头但不等于

Question

我想将css应用于所有以例如'abcd-'开头的类，但我不想将该css应用于名称类，例如'abcd-dontapply ”。我可以这样做吗？

我试过

a[class |= "abcd"] :not([class = "abcd-dontapply"]) 
{ 
    ---define CSS 
} 

但是这不工作，不应用CSS来以“ABCD-”开头的任何类。

Answer 1

在你的问题中提到：

不要增加不必要的空白。 之前的空格：不重要，即它改变了选择器的含义。

---

a[class^="abcd"]:not(.abcd-dontapply) 
{ 
    /* define CSS here*/ 
} 

你可以找到所有属性选择规格here。

Answer 2

你可以做到这一点与适当的CSS选择： 开始有选择会喜欢 -

div[class^="abc"]:not([class="abc2"]) 

我有一个样品的jsfiddle你： http://jsfiddle.net/8w65ffj0/1/