多个控件，将CSS应用于选定的控件

Question

我有一个带3个Telerik RadGrids的aspx页面。在其中之一上，我需要覆盖使用此代码完成的默认样式：

<style type="text/css">
    .RadGrid .rgHoveredRow {
        background: #25A0DA !important;
        color: white !important;
    }

    .rgAltRow, .rgRow {
        cursor: pointer !important;
    }
</style>

问题是这正在将radgrid控件应用到所有控件。怎样更改此代码以仅将其应用于称为Radgrid1的radgrid控件？

Answer 1

您应该为选择器添加网格ID

<style type="text/css">
    #Radgrid1.RadGrid .rgHoveredRow {
        background: #25A0DA !important;
        color: white !important;
    }

    #Radgrid1 .rgAltRow,
    #Radgrid1 .rgRow {
        cursor: pointer !important;
    }
</style>

根据生成的HTML，您可能需要将第一个选择器更改为#Radgrid1 .RadGrid .rgHoveredRow 注意多余的空间

Answer 2

“名为Radgrid1的radgrid控件”，您是说它的名字吗？如果是这样-

.RadGrid[name=Radgrid1] .rgHoveredRow {
    background: #25A0DA !important;
    color: white !important;
}