如何在css not（）选择器中放置多个类？

我想在not()选择堆叠多个类，但,;:不起作用。如何在css not（）选择器中放置多个类？

input[type=text]:hover:not(.ui-pg-input .mandatory){ background-color: #D9EDF7;}

那么，什么是堆放在CSS not()选择类有道？

来源

2015-09-26 dllhell

两种语法选择：

使用两个班在一个:not操作者：

input[type=text]:hover:not(.ui-pg-input.mandatory){background-color: #D9EDF7;}

（注意类之间的除去空白）

使用:not操作两次：

input[type=text]:hover:not(.ui-pg-input):not(.mandatory){background-color: #D9EDF7;}

注意然而，这两个具有不同的含义：第一个使用一个或操作者，所以它不具有两个类（因此具有无或一个）的所有元素相匹配，而第二个使用的和操作者，从而匹配所有元素不有一个或另一个班级（所以没有）。因此，它取决于你想要做什么......

来源

2015-09-26 11:12:58 arkascha

记 - 我不认为1号作品，即使它看起来像它应该。我仍然试图弄清楚如何做到这个答案建议＃1所做的事情（如果元素既没有a类也没有b类，或者只有其中一个，但不是两者），请参阅此处的示例：https ：//jsfiddle.net/9jhu0qc5/1/ - 如果这个工作，你会期望前2个框有一个黑色边框，但不是这样。 –

您可以使用两种not()为此例如：

p:not(.class_one):not(.class_two){

p:not(.one):not(.two){ 
 
    color:red; 
 
    }

<p class="one">Text</p> 
 
<p class="two">Text</p> 
 
<p class="three">Text</p>

来源

2015-09-26 11:12:47 Akshay

如何在css not（）选择器中放置多个类？

回答

相关问题