Is there anything else with media queries?

Question

** Amateur warning **

I would like to have four parameters for my CSS, and I would like the latter to be the "everything else" kind of media query, is there such a thing ???

These are my first three queries:

@media only screen and (min-width: 1024px) and (min-height: 940px) /* for large displays */
@media only screen and (min-width:1024px) and (min-height:689px) and (max-height:939px) /* for smaller displays */
@media only screen and (max-width:1024px) and (max-height:900px) /* for ipad n the like */

Now I want someone to answer everything else that I could forget ... I hope I make sense ...

Answer 1

.class { 
    //this is everything else
}

@media (max-width:768px) { //or whatever px you're using
    .class{
        //styling for .class on mobile
    }
}

Everything that has class="class"will receive the first (non-multimedia request) style .class. Everything that falls into the definition of a pixel for media advertising will receive the style of creating media queries (the second .classin this example).

. - , , . , , , , .