如何在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（）選擇器中放置多個類？

回答

相關問題