@import

Back to the index.

@import allows you to import other style sheets; even in reaction to media queries.

This is a test element with some styles. In portrait mode the gradient should be gone and the text black.

Landscape

Portrait

This page imports two style sheets: one giving the example a gradient and one, only imported in portrait mode, that removes the gradient and gives the text another colour.

@import url('test.css');
@import url('test2.css') all and (orientation: portrait);