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

Popular posts from this blog

ios - RestKit 0.20 — CoreData: error: Failed to call designated initializer on NSManagedObject class (again) -

laravel - PDOException in Connector.php line 55: SQLSTATE[HY000] [1045] Access denied for user 'root'@'localhost' (using password: YES) -

java - Digest auth with Spring Security using javaconfig -