如何覆蓋元素CSS？

我有它設置寬度爲網站的元素，但在特定的網頁我想刪除的寬度。我無法刪除該元素，因爲它會破壞網站上的所有頁面。（特別是頭模板）如何覆蓋元素CSS？

我試圖做

.nopageWidth {保證金：0汽車;最大寬度：1920px重要}

但網頁仍然繼承元素的CSS。

這是頁面的結構 -

.pageWidth { 
 
    padding-right: 5px; 
 
    padding-left: 5px; 
 
    margin: 0 auto; 
 
    max-width: 1350px; 
 
    box-sizing: border-box; 
 
} 
 

 
.nopageWidth {margin: 0 auto; max-width: 1920px !important;}

<div class="pageWidth"> 
 
<div class="pageContent"> 
 
<article> 
 
<div class="nopageWidth"> 
 
</div> 
 
</article> 
 
</div> 
 
</div>

幫助，將不勝感激，我堅持！

來源

2017-09-13 BK1

如果您想要針對特定頁面使用特定樣式，請僅在特定頁面內使用特定樣式，並在標頭中使用標籤。 – Super

，如果你想設置頁面寬度，應使用「寬度」。「最大寬度」是最可能的，並取決於內容。你可能不需要！重要的。

.pageWidth { 
 
    padding-right: 5px; 
 
    padding-left: 5px; 
 
    margin: 0 auto; 
 
    width: 1350px; 
 
    box-sizing: border-box; 
 
} 
 

 
.nopageWidth {margin: 0 auto; width: 1920px !important;}

來源

2017-09-13 22:34:39 jonach

您只使用max-width，這意味着，默認width仍設置爲默認100%。因此，如果容器小於1920px寬，你.nopageWidth永遠不會成爲1920寬，因爲它會停止獲取父元素的寬爲100％。使用固定的（即px值）width設置爲避免這種情況。

來源

2017-09-14 00:07:30 Johannes

如何覆蓋元素CSS？

回答

相關問題