Patakaran ng CSS @import
Paglilinang at Paggamit
Ang @import na patakaran ay nagbibigay pahintulot sa iyo na mag-import ng table ng estilo mula sa ibang table ng estilo.
Ang @import na patakaran ay dapat nasa itaas ng dokumento (pero sa hinaharap ng anumang @charset na pahayag).
Ang @import na patakaran ay sumusuporta sa media query, kaya nagbibigay ang pahintulot sa pagimport ng estilong papasok sa anumang media.
Sample
Halimbawa 1
Importahan ang "navigation.css" na table ng estilo sa kasalukuyang table ng estilo:
@import "navigation.css"; /* Gamit ang string */
O
@import url("navigation.css"); /* Gamit ang url */
Halimbawa 2
Importahan lamang ang "printstyle.css" na table ng estilo kapag ang media ay print:
@import "printstyle.css" print;
Halimbawa 3
Importahan lamang ang "mobstyle.css" na table ng estilo kapag ang media ay screen at ang pinakamataas na lakas ng viewport ay 768 pixels:
@import "mobstyle.css" screen and (max-width: 768px);
Grammar ng CSS
@import url|string list-of-mediaqueries;
halaga ng attribute
| halaga | paglalarawan |
|---|---|
| url|string | url o string, na kumakatawan sa lokasyon ng naibabagong resorsa. Ang url ay maaaring maging pambansang o pangsaklaw. |
| list-of-mediaqueries | Ang listahan ng media query na paghahati ng komya, na nagpapasya kung saan ang mga CSS na gayundin ang pinapapasok na sa pamamagitan ng URL ay gagamitin sa anumang kondisyon. |
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
