html - 如何用css只格式化一个表格

Question

我正在尝试在一个 html 页面上选择一个特定的表格以使用 css 进行格式化。我不希望任何其他地方的任何其他表格，包括在同一页面上，以这种方式格式化。

我在页眉中试过了，但没用-

<style>
    #table3 {
        td,th { padding: 10px }
        tr:hover { background-color: #f5f5f5 }
    }
</style>

<table id="table3">
...
</table>

Answer 1

你不能像那样嵌套选择器。至少在普通 CSS 中不是。

你想要:

<style>
    #table3 td, #table3 th { padding: 10px }
    #table3 tr:hover { background-color: #f5f5f5 }
</style>

<table id="table3">
...
</table>