html - 如何为 tr 添加悬停到此 css 类？

Question

如何在我的 CSS 文件中为此类添加悬停？当我没有使用 onmouseover 指定此类时，我可以添加悬停效果，但是我想同时使用此 CSS 类和悬停。

tr.TableData td
{  
    background-color:white;  
    color:Black;  
    font-family:'Exo', sans-serif;  
    font-size: 16px;  
    height:60px;
    border-bottom:1pt solid #E2E2E8;
    padding: 0px 15px 0px 15px;  
    margin:0px; 
    width:199px;
    font-weight:400;
}

这是我的 table 。它是 ListView 中的 ItemTemplate:

<ItemTemplate>
    <tr class="TableData">
        <td style="width: 30%;">
            <table>
                <tr class="NoBorder">
                    <td style="width: 20%;">
                        <img src='<%#Eval("standard_image") %>' alt="" width="80" onerror="this.src='Content/Images/placeholder.png';" />
                    </td>
                    <td>
                        <asp:Label ID="lblProductLine" runat="server" Text='<%#Eval("product_line")%>' />
                    </td>
                </tr>
            </table>
        </td>
        <td style="width: 24%;">
            <asp:Label ID="lblModelNum" runat="server" Text='<%#Eval("model")%>' />
        </td>
        <td style="width: 16%;">
            <asp:Label ID="lblSerialNum" runat="server" Text='<%#Eval("serial_number")%>' />
        </td>
        <td style="width: 12%; text-align:center;">
            <asp:LinkButton runat="server" ID="SelectCategoryButton" CommandName="Select">
                <img id="Img1" runat="server" src='<%#Eval("display_status") %>' alt="" width="20" />
            </asp:LinkButton>
        </td>
        <td style="width: 18%; text-align:right;">
            <asp:Label ID="lblShipDate" runat="server" Text='<%#Eval("date")%>' />
        </td>
    </tr>
</ItemTemplate>

Answer 1

如果你的意思是表格单元格上的悬停效果，那么这应该有效:

tr.TableData td:hover {  
    background-color: red;  
}