当您仅以表格内的表格头（TH）为目标时，为什么边框折叠和间距不起作用？

Question

我的HTML：

<table style="width:100%">

    <tr>
        <th>First name</th>
        <th>Last name</th>
        <th>Age</th>

    </tr>

    <tr>
        <td>Jill</td>
        <td>Smith</td>
        <td>50</td>

    </tr>

    <tr>
        <td>Eve</td>
        <td>Jackson</td>
        <td>94</td>

    </tr>

</table>

我的CSS：

table, th, td {
margin-top:150px;
margin-bottom:150px;
border:1px solid black;



}   

th, td {
    padding:15px;
}


th {

    text-align:left;
    border-collapse:collapse;


}

我只想折叠TH的边界，但是不起作用。当我仅以TH为目标时，边框折叠和边框间距不起作用。我可以更改背景颜色和填充，并仅对TH进行其他更改，但是边框更改似乎不起作用。这是为什么？

注意：在您告诉我如何使用其他方式来完成此操作之前，请告诉我为什么这种方式不起作用。

Answer 1

border-collapse属性只能应用于<table>元素-不能应用于单个行或单元格

https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse