jquery - How can I decide the priority between media queries and css? -

i have page.css used master page others pages. in file have property div: <div class="classdivone">hello</div> is:

.classdivone{ margin-top:5px; } 

now, windows explorer fine.

instead chrome need fix margin-top:0px;.

i used media queries (inside master page) in way:

<style type="text/css">    @media screen , (-webkit-min-device-pixel-ratio:0) {         .classdivone{             margin-top:0px;         }    } </style> 

but noted file css primary choice , media screen chrome not used. if put div style="margin-top:0px" have same result.

how can set priority choice of css div? or there different solution?

write way

<style type="text/css">    @media screen , (-webkit-min-device-pixel-ratio:0) {         .classdivone.classdivone{             margin-top:0px;         }    } </style> 

or

<style type="text/css">    @media screen , (-webkit-min-device-pixel-ratio:0) {         .classdivone{             margin-top:0px !important;         }    } </style>