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.css815 行：

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

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

试试这个：

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

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