时间戳

首页 > 解决方案 > 多个控件，将 CSS 应用于选定的一个

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

问题描述

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

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

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

问题是这将应用于所有 radgrid 控件。如何更改此代码以仅将其应用于名为 radgrid 的控件Radgrid1？

标签： cssasp.net

解决方案

您应该在选择器前面加上网格的 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 注意额外的空间

推荐阅读