禁用元素id的全局css

我有一个

calendar.css

文件，其中包含规则

#calendar

calendar.css文件有一些

表

类

问题：我想将以下CSS应用于应用程序中的所有表，除了由

#calendar

@media screen and (max-width: 1050px) {
    table {
        overflow-x: auto;
        display: block;
    }
}

---

此规则不如

#calendar

具体，因此它将始终应用于所有表，但会被

#calendar

规则覆盖

---

此规则不如

#calendar

具体，因此它将始终应用于所有表，但会被

#calendar

规则覆盖

---

请尝试CSS中的not构造：

例如：

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

---

请尝试CSS中的not构造：

例如：

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

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

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

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

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

---

您可以使用以下CSS：

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

---

有关

的更多信息：非

选择器

您可以使用以下CSS：

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

---

有关

：not

selector

的更多信息能否作为示例html结构给出？能否作为示例html结构给出？请提供不仅仅是链接的更多信息（将来可能不起作用）请提供不仅仅是链接的更多信息（将来可能不起作用）