CSS：表格式 - 邊框，間距在特定的列和條件格式化

Question

我試圖通過CSS格式化paricular表，因爲它顯示在下面的圖片：

由於我是新來的CSS我在指定時遇到問題：

1. 邊框：正如你所看到的，我想要爲垂直和水平邊框使用不同的邊框顏色和權重;爲行名和列名
第13列之後
2. 差距：一個解決辦法可能是創建第二個表，接下來將它們彼此，但我不想去該解決方案
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列後添加一個額外的空列archieve這種效果。