У меня интересный вопрос с медиа-запросами.
Пример, как показано ниже:
.card {
padding: 25px;
margin-bottom: 15px;
width: 300px;
border: 1px solid red;
**--- 1st media query**
@media only screen and (min-width: 1024px) and (max-width:
1360px) and (max-height: 768px) {
padding: 10px;
margin-bottom: 15px;
}
@media only screen and (min-width: 1660px) {
/* Here I am not going to mention the rule for padding - but
wanted */
margin-bottom: 15px;
}
}
Ожидается:
Итак, медиа-запрос выполняется дляэкраны между 1024 и 1360 и переопределяют правила отступа и поля на полях
После этого для больших экранов, превышающих 1660 пикселей, будет применяться правило полей на полях, но дно отступов по-прежнему отпредыдущий медиазапрос, но не из правила css класса карт по умолчанию
Как убедиться, что правило «padding: 25px» применяется ко всем экранам, кроме первого медиазапроса.