Css选错了类

我有一个表元素

<table width="100%" cellspacing="4" cellpadding="0" border="0" id="nicktable">

及

---

我希望表格使用nicktable css，但它使用表格css。如何解决此问题？

首先，nicktable是一个id，可能您不止一次使用过它？

---

否则我在这里看不到错误…

使用.nicktable和class=“nicktable”。如果您仍然需要ID用于其他目的，请保留它。

实际上，它使用两个选择器（而不是类），因为您的表匹配两个选择器。

您最好使用CSS类：

<table width="100%" cellspacing="4" cellpadding="0" border="0" class="maroon">

table
{
    font-size: 1em !important;
    font-family: Tahoma, Verdana, sans-serif;
    border: none;
}

.maroon
{
  background-color: Maroon;
}

桌子
{
字体大小：1em！重要；
字体系列：Tahoma，Verdana，无衬线；
边界：无；
}
马龙先生
{
背景颜色：栗色；
}

这两个CSS规则将同时应用于您的表<代码>表{}规则将应用于任何

元素，

#nicktable{}

规则将仅应用于ID为

nicktable

的元素。如果不想将

表{}

规则应用于所有表，可以将它们放入一个类中，例如

.mytable{}

，然后仅将其应用于所需的表。例如：

#nicktable {
    background-color: Maroon;
    font-family: Arial, sans-serif;
    border: 1px solid #000;
}

CSS

HTML

这将应用两种样式。

这将只有

背景色：褐红色已应用。

这将仅应用
.mytable{}
中的样式

编辑

您还可以通过使用新值再次指定
#nicktable{}
中
表{}
中的属性来覆盖这些属性。例如：

#nicktable {
    background-color: Maroon;
    font-family: Arial, sans-serif;
    border: 1px solid #000;
}

由于
#nicktable{}
的值高于
表{}
，因此它将优先。使用
时要小心！重要信息
但是。
残留物是正确的。浏览器正在应用表格样式，然后添加id选择器#nicktable。可以通过在nicktable中包含元素来替代表格样式

这是一个很好的方法。
它同时使用了这两种方法，并且由于两者都不覆盖另一种方法，所以将它们组合在一起。更改
#nicktable
的CSS以覆盖全局
表中设置的内容
告诉表元素我只想使用nicktable类的更好方法是什么？您是否使用firebug或类似工具跟踪样式？id选择器具有更高的特异性，因此应始终优先于标记选择器。在上面的规则中，例外是字体大小，因为它被标记为重要。在这里工作：@Nick如果您打算“忽略”CSS中
表的规则集，那么您就倒霉了。。所有表都将受到影响。您最多可以在另一个规则中“覆盖”它，例如
#nicktable{font size:2em！important；}
例如，这应该覆盖表规则，并使font
2em
仅适用于该特定表。
#nicktable {
  background-color: Maroon;
}
.mytable {
    font-size: 1em !important;
    font-family: Tahoma, Verdana, sans-serif;
    border: none;
}

#nicktable {
    background-color: Maroon;
    font-family: Arial, sans-serif;
    border: 1px solid #000;
}