CSS表格样式调用类

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;
}

但它不会覆盖的其他值边框宽度:1px 0 0 1px;

如何覆盖这个值？不改变默认值？

Answer 1

如果您想从表格中删除所有边框，您需要更改 table 属性之上的 td 属性。

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

See it in action