2016-09-30 155 views
5

CSS選擇沒有我使用選擇器選擇沒有一個類中的所有要素類

.list th:not(.foo) { 
    /* some rules */ 
} 

如何申請這多個類?

.list th:not(.foo), .list th:not(.bar) { 
    /* some rules */ 
} 

上面的CSS不會當然做到這一點,我需要的是這樣的僞:

.list th:not(.foo and .bar) 

是否有可能在CSS以及如何?

+0

4票贊成這個問題?首先它是http://stackoverflow.com/questions/5684160/can-i-have-multiple-not-selectors的副本,其次是這個問題的答案可以發現veeeery很容易在谷歌上甚至在這裏在stackoverflow上。 –

+0

而且?我正在尋找很多,但沒有發現任何東西 – Legionar

+0

我的問題不是關於多個不選擇器,那是我不知道 – Legionar

回答

2

只要你喜歡你可以使用盡可能多的:not()選擇。

:not(.foo):not(.bar) 
+0

是的,招。謝謝 :-) – Legionar

0
.list th:not[class*="class"] { } 

它將與所有的類工作,如1類,類2等

+0

類的名稱只是例子,那麼完全不同的類名呢? – Legionar

+0

是的,您可以添加任何名稱而不是類 – Shahzaib

+0

不,它不工作,不與'class1'和'class2'一起使用,您也不能將它應用於完全不同名稱的類,如fe'my_class'和'your_house' 。 – Legionar

2

隨着即將到來的CSS4選擇,你可以使用語法,如:

:not(.class1, .class2, .class3) 

等。但目前瀏覽器支持並不好。爲了能夠今天使用它,您可以使用例如cssnext

0

用逗號分隔類的名字可以得到你想要的

.list th:not(.class1, .class2)