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

Я создал таблицу стилей CSS для моего проекта. Есть ли способ создать правило css, которое применяется ко всем элементам таблицы EXCEPT элементов таблицы, принадлежащих классу 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;
}

Ответ 1

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

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

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

Ответ 2

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

Ответ 3

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

Ответ 4

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