2013-07-04 66 views
0

我正在嘗試爲像sudoko一樣的表格構建css。任何幫助真的很感激。 我想每3行和每3列畫邊框。如何使繪製邊框的css每隔3行和每3列

.no-stripes .v-table-row,.no-stripes .v-table-row-odd, .v-table-cell-content 
    { 
    background: white; 
    color: $cellcolor; 
    width: 40px; 
    height: 40px; 
    text-align: center; 
    border-left: solid 1px black; 
    border-bottom: solid 1px black; 
} 

回答

2

嘗試:nth-of-type(3n)選擇了tdtr元素。

這裏sample

CSS:

td { 
    width: 50px; 
    height: 50px; 
    border: 1px solid #000; 
} 

td:nth-of-type(3n) {  
    border-right: 3px solid red; 
} 

tr:nth-of-type(3n) td {  
    border-bottom: 3px solid red; 
} 

table { 
    border: 3px solid red; 
} 
+0

的'important'標誌是不必要在這裏,'TD:第n-的類型(3N)'已經不夠具體,覆蓋風格的設置'td'(所有其他位置也一樣)。 – cimmanon

+0

非常感謝。這就像一個魅力 – sbolla