Почему не применяется правило из медиа запроса?

Question

почему медиа правило зачёркнуто?

Answer 1

Медиа-запрос не добавляет специфичности селектору, поэтому если в конечном файле обычное описание расположено после стилей с медиа-запросом, применится обычный стиль:

.el1 {
  width: 100px;
  height: 100px;
  background: red;
}

@media (max-width: 900px) {
  .el1 {
    background: green;
  }
  .el2 {
    background: lime;
  }
}

.el2 {
  width: 100px;
  height: 100px;
  background: yellow;
}

<div class="el1">media</div>
<div class="el2">common</div>

БЛОГ НА HUSL

Почему не применяется правило из медиа запроса?

Ответы (1 шт):