2014-01-29 22 views
0

現在我正在制定一個星期的時間表,每個工作日之間都會有線條。 現在所發生的事情是,它打印出來,每增加平日一個TD和我結束了這樣的事情:我想讓我上次打印的TD不顯示邊框

(不能張貼圖片)

https://imagizer.imageshack.us/v2/1415x778q90/829/yc1h.png

問題是,我已經例如,在「Måndag」左邊劃了一條線「星期一」。由於這個道明正在重新打印自己以及每增加一個新的一天。我不知道該怎麼做。

有人提到TD類的「last:child」函數,但我不知道如何製作其中的一個,可悲!

.bordersidesonly 
{ 
border-left:  2px solid; 
border-color:  #BCBCBC; 
height:   30px; 
padding:  0px; 
border-collapse: collapse; 
color:   #000000; 
font-weight:  200; 
font-size:  40px; 
font-family:  Verdana, Helvetica, Arial; 
text-decoration: none; 
} 

是的,我有萬噸以上的文字,但我不知道張貼到你什麼,因爲我沒有從頭開始創建這個文件我是有點不穩什麼去哪裏!

在此先感謝。

回答

3

添加到您的CSS。

.bordersidesonly:last-child { 
    border-right: 2px solid; 
} 
+0

真的,就是這樣嗎?天啊,它比我想象的要簡單得多!非常感謝你! – Blank

+2

IE8及以下版本不支持:最後一個孩子。如果你需要支持他們,你可以使用:first-child來替換你的邊界方向 – stckrboy

+1

@stckrboy這些天沒人應該支持IE8。 – 2014-01-29 14:40:55

0

This works。與所有瀏覽器兼容。我還將邊框顏色更改爲#000000,以使所有邊框具有相同的外觀。

<html> 
<head> 
<style> 
    .bordersidesonly 
    { 
    border-right:  2px solid; 
    border-color:  #000000; 
    height:   30px; 
    padding:  0px; 
    border-collapse: collapse; 
    color:   #000000; 
    font-weight:  200; 
    font-size:  20px; 
    font-family:  Verdana, Helvetica, Arial; 
    text-decoration: none; 
    } 
    .bordersidesonly:first-child{ 
     border-left:2px solid; 
    } 
</style> 
</head> 
<body> 
    <table > 
     <tr> 
      <td class='bordersidesonly'>Mandag</td><td class='bordersidesonly'>Tisdag</td><td class='bordersidesonly'>Onsdag</td><td class='bordersidesonly'>Torsdag</td><td class='bordersidesonly'>Fredag</td><td class='bordersidesonly'>Lordag</td><td class='bordersidesonly'>Sondag</td> 
     </tr> 


    </table> 
</body> 


</html>