禁用元素id的全局css

Question

我有一个包含规则calendar.css的{​​{1}}文件。

calendar.css文件有一些#calendar个类。

问题：我想将以下CSS应用于应用中的所有表，但table

调用的表除外

#calendar

Answer 1

您可以使用以下CSS：

table:not(#calendar) {
    overflow-x: auto;
    display: block;
}

有关:not选择器here

的更多信息

Answer 2

此规则的具体程度低于#calendar，因此它将始终应用于所有表，但会被#calendar规则覆盖。

https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/

Answer 3

您可以使用not（）pseudo来执行以下操作：

/*table*/
@media screen and (max-width: 1050px) {
/*@media screen and (max-width: 750x) {*/
    table:not(#calendar) {
        overflow-x: auto;
        display: block;
    }
}

Answer 4

请在CSS中尝试not-construct：

http://www.w3schools.com/cssref/sel_not.asp

例如：

:not(table#calendar) {
    background: #ff0000;
}