asp.net - asp.net 中的嵌套 css 值

Question

我的 Site.css 文件中有以下内容用于正常格式化:

input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
}

然后我有一个包含文本区域的 reportViewer 控件，由于上面的 css，它看起来是错误的。为此，我需要设置:

input, textarea {
}

如何将两个代码部分放在同一个 css 文件中，或者如何告诉 reportViewer 控件忽略 Site.css 文件中的任何 css 样式？

澳大利亚代码:

<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">

    <div runat="server" class="reportViewer-wrapper">
        <rsweb:ReportViewer ID="rptViewer" runat="server" Font-Names="Verdana" Font-Size="8pt" Width="100%" Height="1000px" ProcessingMode="Remote" WaitMessageFont-Names="Verdana" WaitMessageFont-Size="14pt">
        <ServerReport ReportPath="/Reports/Tracking" ReportServerUrl="http://srv/ReportServer" />
        </rsweb:ReportViewer>
    </div>
</asp:Content>

CSS:

.reportViewer-wrapper input, .reportViewer-wrapper textarea {
     /* needs to be blank - default settings*/ 
}

.reportViewer-wrapper td {
    padding: 0px 0px 0px 0px;
    border: 0 none;
}

Answer 1

您的规则非常笼统，您可能应该使它们更具体一些，例如通过解决某个类。

举个例子，把你的ReportViewer包装成一个div

<div class="reportViewer-wrapper">....</div>

并为那个类重置你的输入和文本区域

.reportViewer-wrapper input, .reportViewer-wrapper textarea {
     /* whatever styles you need */ 
}