我希望我最后打印的 TD 不显示边框答案

【问题标题】：I want my last printed TD to not display a border我希望我最后打印的 TD 不显示边框
【发布时间】：2014-01-29 22:39:06
【问题描述】：

现在我正在制定一个每周日程安排，每个工作日之间都有线路。现在发生的情况是，它会为每个增加的工作日打印一个 TD，我最终会得到这样的结果：

（无法发布图片）

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

问题是我在“Måndag”的左边有一行，例如“周一”。由于此 TD 会随着添加的每一天而重印。我不知道该怎么办。

有人提到了 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; 
}

是的，我还有很多文字，但我不确定要发给你什么，因为我不是从头开始创建这个文件的

提前致谢。

【问题讨论】：

标签： javascript html css css-selectors

【解决方案1】：

将此添加到您的 CSS 中。

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

【讨论】：

真的吗？哦，天哪，这比我想象的要简单得多！非常感谢！
IE8 及以下不支持:last-child。如果你需要支持他们，你可以使用 :first-child 并交换你的边界方向
哦，我完全同意。谢天谢地，几年后我们就不必这样做了。

【解决方案2】：

这行得通。兼容所有浏览器。我还将边框颜色更改为 #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>

【讨论】：