2

我对 CSS:hover类有疑问。如何禁用第二:hover行内的第二个表类。

这是小提琴

HTML

<table border="0" width="100%" id="product-table">
  <tr>
    <td colspan="2">Title of the table</td>
  </tr>
  <tr>
    <td width="20%"><b>Text text</b></td>
    <td>someting about product</td>
  </tr>
  <tr>
    <td><b>text text</b></td>
    <td>
        <table border="0" width="100%">
        <thead>
            <tr bgcolor="#ddd">
                <td colspan="6"><strong>Title of inside</strong></td>
            </tr>
            <tr bgcolor="#efefef">
                <td width="20%"><strong>No</strong></td>
                <td width="20%"><strong>Date</strong></td>
                <td width="20%"><strong>Define</strong></td>
            </tr>
        </thead>
        <tbody id="hat_ekle">
            <tr>
                <td>123</td>
                <td>2013</td>
                <td>some text</td>
            </tr>
            <tr>
                <td>234</td>
                <td>2013</td>
                <td>some text</td>
            </tr>
        </tbody>
        </table>
    </td>
  </tr>
</table>

CSS

#product-table tr:hover { background:#333; }
4

2 回答 2

5

一种方法是使选择器更具限制性：

#product-table > tbody > tr:hover { background:#333; }

演示：http: //jsfiddle.net/yrZ8R/2/

>表示仅应匹配直接子级。

也可以看看：

于 2013-04-05T08:21:38.070 回答
0

这个对我有用。

.table-hover tbody tr:hover td table tr td {
    background-color: revert;
}
于 2021-01-13T09:13:07.153 回答