Как убрать картинку через @media (max-height)?

Question

[istasiik]

Есть такой вот кусок кода:

@media (max-width:1280px){
div.lvl1 {min-width:500px;}
div.lvl1 .block {width:100%; margin-left:0; height:320px; margin-top:-160px;}
div.lvl1 .img { display:none;}	
div.lvl1 .img img { vertical-align:top; max-width:80%; width:80%;}
}
@media (max-width:1027px){
.blocks-dialog {width:96%; margin-right:2%; margin-left:2%;}
div.lvl1 .img { display:none;}	
}
@media (max-width:820px){
div.lvl1 {min-width:500px;}
div.lvl1 .img { display:none;}
div.lvl1 .block {height:320px; margin-top:-160px;}
.blocks-dialog {width:96%; margin-right:2%; margin-left:2%;}

.blocks-dialog .block .ava {margin-left:15px;}
.blocks-dialog .block .text {margin-right:15px;}
.blocks-dialog .block .ava img {width:65px;}
.blocks-dialog .block.right .ava {margin-right:0px;}
.blocks-dialog .block.right .text {margin-left:0px;}

}

не могу убрать div.lvl1.img через max height. Как корректно это сделать?

Answer 1

[Александр Борисович]

display:none !important; ?

Comments

[istasiik]

работает, спасибо!

Answer 2

[Юрий Лобанов]

@Alexufo плохому учите.
@istasiik плохому учитесь.

Comments

[Александр Борисович]

Против спецификации? нет.
Не гибко? Нет, потому что это конечное состояние объекта. Уж important для display:none; вполне пойдет.
Что теперь,если у него display задан где то более приоритетно.
Я вообще против кучи наследований через классы. Это такую рождает зависимость що капец.