2016-09-30 105 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)