@import styles not working in a media query

Question

I am trying to import a style based off a media query but the import is not being triggered If i put styles directly in the media query they are rendered to the page.

<

Answer 1

true statement

@import ('filename.css') mediaType and (feature: value);

example:

@import (responsive.css) screen and (min-width: 320px) and (max-width: 480px);

notice: if use @import for CSS file, this file should not attachment in tag. otherwise dose not work Styles.