CSS:"属性选择器"和"不是()"一起

时间:2014-07-07 08:44:17

标签: css css3 css-selectors

我有以下规则:

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

我想要一个更通用的规则,指定"样式必须应用于所有没有以' ui开头的类名的A标签 - ' &#34 ;.

所以,我应该"合并"这个定义[class*='ui-']not()

的kinf

有可能吗? 谢谢。

1 个答案:

答案 0 :(得分: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