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

Question

在我的CSS中我有：

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

这显然会将上面的CSS分配给网站上的每个表格，但是如何才能让它不在整个网站的桌面上分配？

Answer 1

您可以使用CSS :not() Selector。

以下是除了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伪类，不是（X），是一种功能符号   以简单的选择器X为参数。它匹配一个元素   没有参数表示。 X不得包含另一个   否定选择器，或任何伪元素。

Answer 2

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

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