Примените правило css для конкретного медиа-запроса и рассмотрите оставшиеся правила для всех других медиа-запросов - PullRequest
0 голосов
/ 07 июня 2018

У меня интересный вопрос с медиа-запросами.

Пример, как показано ниже:

.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;
   }
}

Ожидается:

  1. Итак, медиа-запрос выполняется дляэкраны между 1024 и 1360 и переопределяют правила отступа и поля на полях

  2. После этого для больших экранов, превышающих 1660 пикселей, будет применяться правило полей на полях, но дно отступов по-прежнему отпредыдущий медиазапрос, но не из правила css класса карт по умолчанию

Как убедиться, что правило «padding: 25px» применяется ко всем экранам, кроме первого медиазапроса.

...