css - 为除一个之外的所有表分配 CSS

Question

在我的 CSS 中，我有：

table {
Width:100%;
max-width:600px;
}

这显然将上述 CSS 分配给网站上的每个表格，但我怎样才能让它不分配给整个网站的表格？

Answer 1

您可以使用 CSS :not() 选择器。

这是除 ID 为的表之外的所有表的选择器的示例#uniqueTableID

table:not(#uniqueTableID) {
    width:100%;
    max-width:600px;
}

请注意，这有一些浏览器兼容性问题：

Feature         Chrome  Firefox (Gecko)         Internet Explorer   Opera   Safari
Basic support   1.0     1.0 (1.7 or earlier)    9.0                 9.5     3.2

---

概括

否定 CSS 伪类 :not(X) 是一个以简单选择器 X 作为参数的函数式表示法。它匹配参数未表示的元素。X 不得包含另一个否定选择器或任何伪元素。

Answer 2

如果您需要支持较旧的浏览器，一种选择是为您的特殊表格提供一个 id（或类），然后覆盖样式表中的默认表格样式。例如：

#special-table {
  display:table;
  width:auto;
  max-width:none;
  ...
}