Как переопределить элемент 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 установка, чтобы избежать этого.

Другие вопросы по тегам