Дисплей не может быть переоценен

Question

У меня есть части страницы, которые я не хочу отображать, когда дисплей устройства меньше 600 пикселей. Я Css, как это:

@media only screen and (max-width: 600px) { 
    .smallScreenHidden {dispay:none} 
} 

Тогда у меня есть один <article>, который имеет класс, в котором говорится, что в качестве блока отображения. Проблема в том, что я просто не могу ее переопределить, поэтому она всегда отображается. Неважно, в каком порядке я пишу классы, это просто не работает.

Answer 1

Если вы начинающий пользователь CSS так же, как большинство из нас, вы могли бы сделать:

display: block !important; 

Однако, если вы опытный пользователь и понять важность CSS специфики, вы бы попробовать чтобы узнать, почему добавление какого-либо количества классов не поможет вам переопределить свойство отображения <article>

Теперь, так как я не видел ваш код и, следовательно, не могу дать вам решение для спецификации CSS, я рекомендую вам проверить это статья о CSS Specificity by Smashing Magazine