html - CSS Border Collapse は値の折りたたみでは機能しません

Question

css プロパティを使用しましたborder-collapse: collapseが、機能していないようです。

ここにhtmlがあります

<table cellspacing="0">
    <tr>
        <td>This is demo</td>
        <td>This is demo</td>
    </tr>
    <tr>
        <td>This is demo</td>
        <td>This is demo</td>
    </tr>
    <tr>
        <td>This is demo</td>
        <td>This is demo</td>
    </tr>
</table>   

そして、CSS

table tr td {
    border: 2px solid red;
    border-collapse:collapse;
}

Answer 1

td ではなく、テーブルにプロパティを適用する必要があります。

table {
    border-collapse:collapse;
}
table tr td {
    border: 2px solid red;
}