用户代理样式表覆盖表？

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保留在上面的选择器中。