html - 制作 :after element only if there is another element after it

Question

只有在元素后面有其他元素时，我才希望在元素之后有。到目前为止，这是我的代码:

<table id='table_1'>
   <tr>
    <td>A</td>
    <td>B</td>
    <td>C</td>
 </tr> 
</table>

是否可以在 A 和 B 之后有 :after 而不是 C？

我的 CSS

#table_1 td:after{
content: "";
background: black;
border: 1px solid black;
position: relative;
margin-left: 10px;
}

Answer 1

最简单的方法是使用 not(:last-child):

#table_1 td:not(:last-child):after{
    content: "";
    background: black;
    border: 1px solid black;
    position: relative;
    margin-left: 10px;
}

Working exmaple

这样你就有了只有一个选择器而且你不需要覆盖你的代码。