html - 用户代理样式表覆盖表？

Question

我正在对 wordpress 主题进行一些修改，但在移除表格的顶部边框时遇到了挑战。如下例所示，它添加了一些奇怪的细节:

table {    (user agent stylesheet)
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}

然后是我的:

table {  
border: none;
border-collapse: separate;
border-spacing: 0;
border-color:#FFFFFF;
}

然而，奇怪的是它只显示了顶部边框。可能是我在这里遗漏了一些东西。或者，这很明显......

示例站点:http://friknektene.no/wordpress/?page_id=2

Answer 1

border-top 来自 style.css，第 815 行:

.entry-content td,
.comment-content td {
    border-top: 1px solid #ddd;
    padding: 6px 10px 6px 0;
}

如您所见，border-top 应用于 td，而不是 table。这就是为什么您尝试覆盖无效的原因。

试试这个:

.entry-content td, .comment-content td {
    border-top: 0;
}

您可能希望或不希望在上面的选择器中保留 .comment-content td。