javascript - 删除继承的样式

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 {}

或者您可以修改覆盖的类以按照您希望的方式工作。两者对我来说似乎都很多余。

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