CSS：表格式 - 边框，特定列中的间距和条件格式

Question

我正在尝试通过css格式化一个特殊的表格，如下图所示：

由于我是css的新手，我在指定时遇到问题：

1. Borders：正如你所看到的，我希望在垂直和水平边框上有不同的边框颜色和重量;对于行名称和列名称
2. 第13列之后的差距：一个解决方案可能是创建第二个表并将它们放在一起，但我不想采用该解决方案
3. 条件格式：我可以使用css执行此操作，还是必须执行jQuery solution

Answer 1

实际上非常简单。

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
}

table td {
    border: 1px solid #000;
}

table th {
    border: 2px solid #000;
}

table tr th:nth-child(4),
table tr td:nth-child(4) {
    border: none;
    width: 20px;
}

条件格式化应由JS处理，或者如果数据是从数据库填充的，则在服务器端执行，并在列上使用类名。

参见jsfiddle：http://jsfiddle.net/b579hy76/

Answer 2

请注意，使用nth-child(x)时，您必须在13hn列之后添加一个额外的空列，以达到此效果。