import Styles

@import Styles

Header and external style sheets also can import other style sheets using the @import rule as shown in Listing 4.6. The @import rule must be placed before all other rules in the header or external style sheet.

Listing 4.6. CSS Code Containing an Imported Style Sheet

@import "advanced.css"; p {     font-family: arial, helvetica, sans-serif;     margin: 1em;     padding: 1em;     background-color: gray;     width: 10em; } 

Imported styles can be used to link to multiple CSS files as well as to hide styles from older browsers.