Question

我的网站上有一些表格。

style.css中的代码具有默认设置读取：

table,
th,
td {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin-bottom: 24px;
    width: 100%;
}

我已经为我的表分配了一个类，我不想使用这些设置：

然后尝试实施：

table.checkmarkarray {
border-width: 0 0 0 0;
}

但它不会覆盖其他值 border-width：1px 0 0 1px;

如何覆盖此值？不改变默认值？

Answer 1

如果您要删除表格中的所有边框，则需要更改td属性顶部的table属性。

table.checkmarkarray, table.checkmarkarray td {
    border: none;
}

See it in action

Answer 2

您可以尝试在此处使用!important属性：

table.checkmarkarray {
    border-width: 0 0 0 0 !important;
}

或只是：

table.checkmarkarray {
    border: none;
}

Answer 3

您可以尝试添加border: none;

Answer 4

在style.css中添加以下默认值：

table, tr, th, td {
    border: none;
}

CSS表样式调用类

4 个答案: