Как создать правило CSS для всех элементов, кроме одного класса?

Я создал таблицу стилей CSS для своего проекта. Есть ли способ создать правило css, которое применяется ко всем элементам таблицы, кроме элементов таблицы, принадлежащих классу "dojoxGrid"? Что-то вроде:

.not(dojoxGrid) table{
    width:100%;
    border-top:1px solid #dddddd;
    border-left:1px solid #dddddd;
    border-right:1px solid #dddddd;
    margin:1em auto;
    border-collapse:collapse;
}
72
css css-selectors

4 ответов

на псевдокласс отрицания кажется, это то, что вы ищете.

table:not(.dojoxGrid) {color:red;}

это не поддерживается ≤ IE8, хотя.

146

не будет устанавливать правило css для всех таблиц, а затем последующее для таблиц, где class="dojoxGrid" работает? Или я что-то упускаю?

11

самая безопасная ставка, чтобы создать класс на этих таблицах, и использовать это. В настоящее время получение чего-то подобного для работы во всех основных браузерах маловероятно.

4

У меня была та же проблема, но :не работал должным образом в моем случае, поэтому я обновил правила css при загрузке тела.

0