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

Question

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

因为我是 css 的新手，所以我在指定方面遇到了问题:

1. 边框:如您所见，我希望垂直和水平边框具有不同的边框颜色和粗细；对于行名和列名
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/