Переписывание правил CSS

Question

Это, наверное, довольно просто, но я не могу понять, что это или найти ответ.

У меня есть HTML элемент <div class="box">

Этот элемент имеет набор правил в оригинальном стиле листа:

.box { 
width: 40%; 
} 

Я использую CSS лист Выборочная, которая перезаписывает исходный таблицы стилей, не касаясь его.

мне нужно изменить это правило:

.box { 
max-width: 40%; 
} 

Так в основном, как я могу добавить это новое правило, но отменить старый ??

Это может быть что-то типа? :

.box { 
width: 0; 
max-width: 40%; 
} 

??

Answer 1

Вы можете установить автоматическую (по умолчанию) ширину. Ширина со значением auto указывает браузеру рассчитать ширину, основанную на других свойствах, ограничивающих элемент.

.box { 
    width: auto; 
    max-width: 40%; 
} 

Answer 2

Чтобы сбросить ширину, что было бы по умолчанию, установите значение auto. Таким образом, ваши правила CSS перезаписи будет:

width: auto; 
max-width: 40%; 

Если вы установите ширину 0, то ваша коробка не будет даже дисплей. Максимальная ширина - это то, на что это похоже - самый широкий элемент может быть, но он также может быть любой ширины меньше. Таким образом, установка максимальной ширины 40px, но ширина 0px приведет к тому, что элемент будет иметь ширину 0px.

Answer 3

Обычно правила CSS работают так, как указано в каскадном режиме, поэтому вы можете сделать другой .box в другом файле, а затем связать этот файл с документом, но помните, чтобы правило применять новый документ должно быть к которому нужно привязать.

Также вы можете попробовать в том же CSS документ что-то вроде этого:

.box { 
max-width: 40% /*Change this value to the one you want*/ 
}