刪除繼承的樣式

讓我給一點前言。所以我正在研究的網站大約有一半的響應不是。現在我正在嘗試創建一個響應式登錄，它將適用於非響應式頁面。當我測試它是一切都很好，但無論什麼原因，有一個樣式表，目標divs/p/幾乎所有和騎我的風格（注意：騎在css是不是類相關的，而是目標文件部分（div/p/span/etc））。我的問題是，如何防止將這些樣式應用於文檔部分？更具體地說，我不希望這些款式適用於登錄容器 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只保留類定義的樣式？

來源

2017-08-31 Daniel Herrera

瞭解風格特異。這是你的整個問題：https://css-tricks.com/specifics-on-css-specificity/你需要'＃legacy-wrapper .login-header {...你的風格在這裏...} –

謝謝！雖然這有點乏味，但我認爲你的建議是最好的解決方案。 –

我很樂意提供幫助。像這樣的事情可以幫助你隨着時間的推移成爲一個更好的編碼器 - 在完成這樣的事情之後，如果可能的話，你會學會編寫較不具體的CSS。像SCSS和LESS這樣的工具也使得這個工作不那麼繁瑣（但最終創建了同樣大的css） –

要麼使用第三方CSS，要麼不使用。如果你想黑名單在特定類的CSS類，你可以通過

.yourClass .aClass, .yourClass .anotherClass {}

這樣做，或者你修改被覆蓋的類然而，工作，你想讓它。這兩者對我來說似乎相當多餘。

如果覆蓋是必要的，那麼我不明白爲什麼你只是不在登錄範圍內創建自己的結構。借用您喜歡的功能並自行實施其他功能，但如果偏差太大，那麼現在可能是時候重新考慮頁面的一般樣式了。

來源

2017-08-31 19:26:26

提前並結合了你的和計劃b的建議。謝謝。 –

有一些已知的重置CSS可重置所有繼承的樣式，然後您可以應用自己的自定義樣式。還，規範做你的要求

這裏類似的一些事情很是URL
復位CSS https://meyerweb.com/eric/tools/css/reset/

正常化CSS https://necolas.github.io/normalize.css/

來源

2017-09-01 06:52:41

刪除繼承的樣式

回答

相關問題