Question

让我先说一点。所以我正在研究的网站大约有一半的响应，而不是。现在我正在尝试制作一个适用于非响应页面的响应式登录。当我测试它时它是好的但是无论出于何种原因，有一个样式表，目标 divs / p / 几乎所有的东西都超过了我的样式（注意：骑过的css是不是类相关，而是目标文档部分（div / p / span / etc））。我的问题是，如何防止这些样式应用于文档部分？更具体地说，我不希望这些节样式应用于 login-container div中的任何位置。

<div id="login-container" class="container content">
<div class="row">
    <div class="col-xs-12 login-header">
        Log In
    </div>
</div>
<div class="container login-form">
    <div id="loginform" runat="server">
        <p style="color: Red;">
            <asp:Label ID="lblMessage" runat="server"/>
        </p>
        <fieldset id="formLogin" runat="server">

            <div class="col-xs-12 login-row">
                <div class="col-xs-12 login-label">
                    <asp:Label runat="server" ID="lblUsername" AssociatedControlID="txtUsername" EnableViewState="False">Username</asp:Label>
                </div>
                <div class="col-xs-12 login-row">
                    <asp:TextBox ID="txtUsername" CssClass="login-textbox" Height="36" placeholder="   &#xf007;" runat="server"/>
                </div>
                <div class="col-xs-12 login-label">
                    <asp:Label runat="server" ID="lblPassword" AssociatedControlID="txtPassword" EnableViewState="False">Password</asp:Label>
                </div>
                <div class="col-xs-12 login-row">
                    <asp:TextBox ID="txtPassword" TextMode="Password" CssClass="login-textbox" Height="36" placeholder="   &#xf084;" runat="server"/>
                </div>
            </div>
        </fieldset>
        <div class="col-xs-12 login-row">
            <asp:Button ID="btnGo" runat="server" Text="Login" CssClass="btn btn-blue"/>
        </div>
        <%--Value of Request.QueryString["ContestantNumber"] (but really "item"): <%= QueryTest %>--%>
    </div>
</div>

但是当我在浏览器中检查时，会发生over riding css

有什么建议吗？有没有办法使用jquery只保留类定义的样式？

Answer 1

您使用的是第三方CSS，或者您没有。如果要在特定类下将CSS类列入黑名单，可以通过

进行

.yourClass .aClass, .yourClass .anotherClass {}

或者您修改overriden类以便按照您的意愿工作。对我来说，两者似乎都是多余的。

如果需要覆盖，那么我不明白为什么你不在登录范围内创建自己的结构。借用你喜欢的功能并自己实现其余部分，但是如果你偏离太多，那么可能是重新考虑页面的一般样式的时候了。

Answer 2

有一些已知的重置CSS可以重置所有继承的样式，之后，您可以应用自己的自定义样式。另外，规范化做一些与你的要求类似的东西

这是URL
重置CSS https://meyerweb.com/eric/tools/css/reset/

规范化CSS https://necolas.github.io/normalize.css/

删除继承的样式

2 个答案: