Можно ли отменить предыдущее значение css?

Question

[Северное Сияние]

div {width:100px;}

/* в другом файле */
div {width: 50px}
/* нужно для media вернуть 100px */
@media screen and (max-width: 600px) {
    div {width: ...} /* реально ли без явного указания значения 100 вернуть значение свойства? */
}

Comments

[Rustam Bainazarov]

В данном контексте — да, надо перезаписывать width. Например, width: unset/initial.

Либо строить иначе CSS, чтобы не было иерархического наследования свойств.

Answer 1

[Антон Усачев]

Не уверен на 100%, но кажется, что значение initial может помочь.

@media screen and (max-width: 600px) {
    div {
        width: initial;
    }
}

Comments

[Igor Ustyugov]

initial поставит 100%

Answer 2

[Igor Ustyugov]

Нет.

Надо понять зачем нужно

/* в другом файле */
div {width: 50px}

И либо убрать это, либо завернуть в другой медиа запрос.

Comments

[Северное Сияние]

Эх, печально.

Надо понять зачем нужно

Грубо говоря, на одной странице два блока с элементами имеют одну структуру, но разные css.
По умолчанию, все элементы горизонтальные.
Для одного из блоков дописываем класс и элементы блока становятся вертикальными.

Но на media нужно вернуть вертикальным элементам горизонтальный вид.

[Igor Ustyugov]

Северное Сияние, без кода не понятно. Я бы яввно укакзал значение.
Как вариант обернуть эти блоки в какой-то контейнер, задать ширину этому контейнеру, тогда сработает unset.