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/