Почему не действует @media only screen?

Question

[Emil7676]

Я сделал чтобы когда ширина экрана была максимально 1999px то #content .hall-8 li:nth-of-type(-n+10) .item:nth-of-type(1) его значение становилось margin-right: 100px, но почему то меняется на всех разрешениях экрана margin-right: 100px, а мне нужно чтобы только когда экран был максимально 1999px, не знаете как исправить?

@media only screen and (max-width:1999px) { #content .hall-8 li:nth-of-type(-n+10) .item:nth-of-type(1){ 
    margin-right: 100px;
 
}

}

#content .hall-8 li:nth-of-type(-n+10) .item:nth-of-type(1) {
  margin-right: 190px; }

Answer 1

[Сергей delphinpro]

#content .hall-8 li:nth-of-type(-n+10) .item:nth-of-type(1) {
  margin-right: 190px;
}

/* Для экранов от 0 до 1999 px */
@media only screen and (max-width:1999px) {
  #content .hall-8 li:nth-of-type(-n+10) .item:nth-of-type(1) {
    margin-right: 100px;
  }
}

Порядок следования стилей имеет значение.

Comments

[Emil7676]

У меня изначально и было так, просто закинул в разной последовательности, в точности сделал так как вы написали, не помогло

[Emil7676]

Я заметил то что при значении #content .hall-8 li:nth-of-type(-n+10) .item:nth-of-type(1) {
margin-right: 190000px;
} Ничего не меняется, а вот когда меняешь значение margin-right в media то оно действует на все экраны

[Сергей delphinpro]

Emil7676, оно действует на все экраны от 0 до 1999

[Emil7676]

Сергей delphinpro, Как я мог не заметить! Мне нужно было не до 1999, а до 1199, на 1 цифру ошибся, благодарю!