2016-09-30 4 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, во-вторых, это вопрос, на который можно легко найти ответ на google или даже здесь на stackoverflow. –

+0

И? Я искал много и ничего не найдено – Legionar

+0

мой вопрос был не о множественных неселекторах, то есть в ответе, который я не знал – Legionar

ответ

2

Вы можете использовать столько :not() селекторов, как вам нравится.

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

Да, это сделало трюк. Благодаря :-) – Legionar

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

Он будет работать со всеми классами, как class1, class2 и т.д.

+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) 
Смежные вопросы