CSS @import na patakaran

Paglilinang at Paggamit

Ang @import na patakaran ay nagbibigay-daan sa iyo na i-import ang estilong patakaran mula sa ibang estilong patakaran.

Ang @import na patakaran ay dapat nasa itaas ng dokumento (pero sa ibabaw ng anumang @charset na pahayag).

Ang @import na patakaran ay sumusuporta din sa media query, kaya maaring payagan ang pag-import ng rehersa na nakadepende sa media.

Halimbawa

Halimbawa 1

I-import ang "navigation.css" na estilong patakaran sa kasalukuyang estilong patakaran:

@import "navigation.css"; /* Paggamit ng string */

O

@import url("navigation.css"); /* Paggamit ng URL */

Halimbawa 2

I-import ang "printstyle.css" na estilong patakaran lamang kapag ang media ay print:

@import "printstyle.css" print;

Subukan ang sarili

Halimbawa 3

I-import ang "mobstyle.css" na estilong patakaran lamang kapag ang media ay screen at ang pinakamataas na lapad ng viewport ay 768 pixel:

@import "mobstyle.css" screen and (max-width: 768px);

Subukan ang sarili

Grammar ng CSS

@import url|string list-of-mediaqueries;

Halaga ng katangian

Halaga Paglalarawan
url|string URL o string, na naglalarawan ng lokasyon ng ginagamit na rehersa. Ang URL ay maaaring maging wala o may kinalaman.
list-of-mediaqueries Isang listahan ng media query na nasa paghahati ng kumita, na nagpapasya sa anong kondisyon ang aplikasyon ng mga CSS na pinag-uusap sa pamamagitan ng URL.

Suporta ng browser

Ang mga numero sa talahanayan ay naglalarawan ng unang berserke na ganap na sumusuporta sa katangian.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 3.5