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

时间:2011-08-28 09:51:51

标签: html css

我有一个包含类的表,以及其中的一些td元素。在td s上为某些特定类提供悬停效果的正确CSS是什么?

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

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

> .some_class td:hover { some style }

2 个答案:

答案 0 :(得分:3)

把它放在你的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>

答案 1 :(得分:0)

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

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

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