css - 覆盖 CSS 属性

Question

我有 2 个文件 theme.css 和 main.css

主题.css

.table td {
           border-top: 1px solid #e8edf1;
           vertical-align: top;
           padding: 5px 5px !important;
           color: #576475;
           font-size: 11px;
}

ma​​in.css

.table td {
            padding: 1px 2px;
 }

我想通过 main.css 覆盖 td 的属性，方法是在 theme.css 之后包含 main.css >.

但最终输出采用 theme.css 的属性。

PS:我只想覆盖填充属性。

Answer 1

由于第一个 CSS 规则应用了 !important，覆盖它的唯一方法是使用另一个 !important 规则:

.table td {
    padding: 1px 2px !important;
}

如果可以，请从所有 CSS 中删除 !important 关键字。有更好的方法来定义顺序。