Изменение ширины загрузочного контейнера

Question

У начальной загрузки .conatiner div есть стиль, какой он ниже:

@media (min-width: 1200px){
    .container {
        width: 1170px!important;
    }
}

Могу ли я переписать эту 1170px ширину в 80% или выше ?Только в этом медиазапросе.

Answer 1

<div class="container" width="80%">Contaier body</div>

или вы можете перейти к вашему CSS-файлу и изменить ширину

.container{
    width:80%;
}

Answer 2

Вы можете перезаписать его, используя встроенный стиль CSS или воспользовавшись преимуществом приоритета, потому что коды кодировщика перезаписывают верхние коды:

@media (min-width: 1200px){
    .container {
        width: 1170px!important;
    }

    .container {
        width: 80% !important;
    }
}

Обратите внимание : код кодировщика должен иметь !important после.