CSS：「屬性選擇」，「不（）」一起

Question

我有以下規則：

a:not(.ui-spinner-button):active 
{ 
    ... 
} 

我想一個更一般的規則，指定「樣式必須適用於所有不具有標籤一個以'ui-'開頭的類名「。

所以，我應該「合併」這個定義[class*='ui-']的這個kinf和not()。

以某種方式可能嗎？ 謝謝。

Answer 1

是的，有可能，只要把[class*='ui-']放在not()裏面。

a { 
    color: cyan; 
} 

a:not([class*='ui-']) { 
    color: pink; 
} 

<a class='ui-foobar'>ui-foobar</a> 
<a class='foobar'>definitely not ui-foobar</a> 

第一個鏈接將是青色，第二個鏈接是粉色。

Demo