html - Display cannot be overriden -
i have parts of page, doesnt want display, when device display smaller 600px. have css this:
@media screen , (max-width: 600px) { .smallscreenhidden {dispay:none} }
then have 1 <article>
, has class, says display block. problem cant override it, displays. doesn't matter in order write classes, doesn't work.
if novice css user of are, you'd do:
display: block !important;
however, if expert user , understand importance of css specificity, you'd try see why adding number of classes doesn't override display property of <article>
now since haven't seen code , hence, cannot give css specificity solution, recommend check out article on css specificity smashing magazine
Comments
Post a Comment