How to remove effects of a CSS class inside @media?

Question

I have a situation like

<div class="foo">...</div>

where

.foo {float:left;}

How can I "disable" that float effect when I am inside @media?

Answer 1

You can set float: initial for that. This makes that element to default value. For More Info

Answer 2

you can unset any property as in CSS

@media not|only mediatype and (expressions) {
   .foo {
       float: unset;
   }
}