Question

我很难完成一项非常愚蠢的简单任务我需要在每一行添加一个1px的边框，第一个...添加边框到TR似乎不起作用...

    <div id="container1"> 
        <table>
            <tr><td>1</td></tr>
            <tr><td>2</td></tr>
            <tr><td>3</td></tr>
            <tr><td>4</td></tr>
            <tr><td>5</td></tr>
        </table>
    </div>         
    <div id="container2"> 
        <table>
            <tr><td>1</td></tr>
            <tr><td>2</td></tr>
            <tr><td>3</td></tr>
            <tr><td>4</td></tr>
            <tr><td>5</td></tr>
        </table>
    </div>

Answer 1

试试这个：

td { border:1px solid black}
tr:first-child > td { border:none;}

Answer 2

注意：在标题中，您说要为td-s设置边框，并在问题中说您要为每一行设置边框（a.k.a. tr）。我的例子在tr-s上设置了边界。

我希望其中一个符合您的需求：

tr:not(:first-child) {
    border: 1px solid red;
}

tr {
    border: 1px solid red;
}

#container1 tr:first-child {
    border: inherit;
}

选择并设置所有td的边框，但第一个

2 个答案: