Как переопределить элемент CSS?
У меня есть элемент, который устанавливает ширину для сайта, но на определенных страницах я хочу удалить ширину. Я не могу удалить элемент, так как он сломает почти все страницы сайта. (Особенно шаблон заголовка)
Я пытался делать
.nopageWidth {margin: 0 auto; максимальная ширина: 1920 пикселей! важно}
но страница все еще наследовала элемент 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>
Помощь будет оценена, я застрял!
2 ответа
Вы должны использовать "ширину", если вы пытаетесь установить ширину страницы. Максимальная ширина - это максимальное значение, которое зависит от содержимого. Вам, вероятно, не нужен! Важный.
.pageWidth {
padding-right: 5px;
padding-left: 5px;
margin: 0 auto;
width: 1350px;
box-sizing: border-box;
}
.nopageWidth {margin: 0 auto; width: 1920px !important;}
Вы используете только max-width
, что означает, по умолчанию width
по-прежнему установлен по умолчанию 100%
, Таким образом, если ширина контейнера меньше 1920 пикселей, ваш .nopageWidth
никогда не станет 1920 широким, так как он перестанет становиться шире на 100% от родительского элемента. Используйте фиксированный (т.е. px
значение) width
установка, чтобы избежать этого.