Question

我有一个设置网站宽度的元素，但在特定页面上我要删除宽度。我无法删除该元素，因为它会破坏网站上的每个页面。（特别是标题模板）

我试过

.nopageWidth {margin：0 auto;最大宽度：1920px！important}

但页面仍然继承了元素css。

这是页面的结构 -

＆＃13;

.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;}

＆＃13;

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

＆＃13;

帮助将不胜感激，我被卡住了！

Answer 1

你应该使用＆＃34; width＆＃34;如果您尝试设置页面宽度。＆＃34;最大宽度＆＃34;它是最多的，取决于内容。你可能不需要！important。

＆＃13;

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

＆＃13;

Answer 2

您仅使用max-width，这意味着默认width仍设置为默认100%。因此，如果容器的宽度小于1920px，则.nopageWidth将永远不会变为1920宽，因为它将在100％的父元素处停止变宽。使用固定（即px值）width设置来避免这种情况。

如何覆盖元素CSS？

2 个答案: