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>

第一个链接为青色，第二个链接为粉红色。

演示版