CSS：“屬性選擇器”和“ not（）”在一起

Question

我有以下規則：

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

我想要一個更通用的規則，指定“樣式必須應用於所有不具有以'ui-'開頭的類名的A標記”。

因此，我應該用not() “合並”定義[class*='ui-'] 。

有可能嗎？ 謝謝。

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>

第一個鏈接為青色，第二個鏈接為粉紅色。

演示版