css - 使用 CSS 为表格行添加边框或边距

Question

我需要仅使用 CSS 调整表格(除了在需要的地方添加类名之外不能更改 HTML。)

我想在一个 tr 的顶部添加一个白色边框，我已将其分配给 .rowOne 类。或者，添加边距也可以工作，因为我的页面背景是白色的，所以只是之间的边距会给出与白色 border-top

相同的结果

出于某种原因，我应用于 rowOne 类的任何 CSS 都不起作用。

JS Fiddle to show problem

.rowOne 的 CSS

table .rowOne{
    border-top:8px solid #fff;
}

为什么这不起作用？我如何设置此行的样式以具有间隙/边框/边距？

Answer 1

table .rowOne td {
    border-top:8px solid #fff;
}

这似乎行得通，不知道为什么它不能直接在 tr 上工作。您还使用了一堆已弃用的属性，您应该在此处查阅一些信息:https://developer.mozilla.org/en-US/docs/HTML/Element/table