css - Is there possible that remove !important property from element on specific resolution? -


i'm using carousel slider more 2 times , .item height 100%. had adjust main slider on specific height, added class .custom-slider in header tag put style !important tag, because there 100% height .

.custom-slider {     height: 645px !important; } 

its adjusted , working fine. have adjust on different resolution, have reduce height 645px 496px, due !important property new added height not working.

i'm trying following style on 1024 reslution, not working.

.custom-slider {     height: 496px !important; }  

this accepted answer explained, didn't resolve issue, can guide me regarding this. appreciate.

change style max-height , remove important!

.custom-slider {     max-height: 645px; } 

you make selector more specific adding tag or parents id/class. give style higher priority.

body div.custom-slider {     max-height: 645px; } 

Comments

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

ios - UITEXTFIELD InputView Uipicker not working in swift -

Python Pig Latin Translator -