Question

我有一个包含类的表，以及其中的一些td元素。在td s上为某些特定类提供悬停效果的正确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 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>

Answer 2

这对我有用 table td：hover { 背景：红色; }

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

我认为你的代码也应该有用，也许你没有正确包含css，你使用哪种浏览器？

悬停在表格单元格时应用CSS样式

2 个答案: