Проблемы с @media?

Question

[nyrau_v_tvorojok]

<div class="logo">
        <p>STYDER.</p>
      </div>

@media (min-width: @smon) and (max-width: @1600) {
  .logo p {
    font-size: 95px;
  }
}

Итог таков:


Все, вроде стоит правильно

<meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/adapt.css">

В чем может быть проблема?

Answer 1

[Rsa97]

Откройте в инспекторе вкладку "Вычислено" для нужного элемента, найдите там font-size и посмотрите весь ранжированный список правил.

Comments

[nyrau_v_tvorojok]

в каком инспекторе?

[Rsa97]

nyrau_v_tvorojok, В том же, где вы итог смотрели.

Answer 2

[Sand]

файл CSS читается сверху вниз и принимается последнее подходящее значение,
у вас media идёт первой строкой, что не совсем правильно

Пардон, "не совсем правильно" если ниже есть переопределяющее подходящее свойство

Comments

[nyrau_v_tvorojok]

так выше же идет файл со стилями, разве изначально не будут они читаться?

[Rsa97]

Не просто последнее значение, а последнее из имеющих наивысшую специфичность. Например, здесь текст будет красного цвета. Хотя подходят оба селектора, и зелёный стоит последним, но у красного специфичность выше.
<p class="red">Text</p>

p.red {
  color: red;
}
p {
  color: green;
}

[nyrau_v_tvorojok]

Rsa97, Rsa97, да, что-то не усмотрел , спасибо