html - 悬停时将 CSS 样式应用于表格单元格

Question

我有一个包含类的表，其中包含一些 td 元素。在 td 上提供悬停效果的正确 CSS 是什么，它是具有某些特定类的表的一部分？

<table class='some_class'>
    <tr>
        <td>123</td>
        <td>321</td>
    </tr>
</table>

什么是正确的 CSS？这不起作用:

> .some_class td:hover { some style }

Answer 1

把这个放在你的css文件中

body {
background-color: #ccc;
}

table.some_style td {
background-color: #0f0;
}

table.some_style td:hover {
background-color: #06c;
}

这是你的 table

<table class="some_style">
<thead>
    <tr>
        <th>column one</th>
                    <th>column two</th>
                                <th>column three</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>data one</td>
                    <td>data two</td>
                                <td>data three</td>
    </tr>
</tbody>