css - Are irrelevant media queries cached by browsers? -

in fictional stylesheet several media query sections rules within relevant media query processed browser, example

@media screen , (max-width: 400px) {     .container {         width: 95%;     } } @media screen , (max-width: 800px) {     .container {         width: 80%;     } } 

.container 95% wide on screen maximum width of 400px.

my question this: though media query max 400px 1 relevant (in fictional example), media query max 800px cached browser, though irrelevant, or not?

the browser might cache entire css file these media queries contained in, browsers not cache particular sections of css file.

so answer question, yes browser might cache non-active part of media query since might (and will) cache entire css file.