Makadara ya @import ya CSS

Mifano na matumizi

Makadara ya @import inaruhusiisha kusoma kwenye tovuti kwa sababu ya tabia ya kusoma kwenye tovuti.

Makadara ya @import lazima iwe kwenye kwanza katika hatua (lakini baada ya kila @charset tukio).

Makadara ya @import inasimama kwa media queries, inasababisha kusoma kwenye tovuti kufunguliwa kwa sababu ya media.

Mfano

Mfano 1

Kusoma kwenye tovuti inafungua "navigation.css" kwa sababu ya tabia ya kusoma kwenye tovuti ya sasa.

@import "navigation.css"; /* Tumia kitu kinachoweka jina */

au

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

Mfano 2

Kusoma kwenye tovuti inafungua "printstyle.css" kwa sababu ya media ya kusoma kwenye tovuti.

@import "printstyle.css" print;

Tafadhali tafuta kwa urefu

Mfano 3

Kusoma kwenye tovuti inafungua "mobstyle.css" kwa sababu ya media ya kusoma kwenye tovuti na uwezo wa kusoma kwenye tovuti wa kawaida wa 768 pixel.

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

Tafadhali tafuta kwa urefu

Makadara ya CSS

@import url|string list-of-mediaqueries;

Mwamadifu wa tabia

Wakati Ujumbe
url|string URL au kitu kinachoweka jina, inaonyesha eneo kwenye kiwango cha mifumo ya kusoma kwenye tovuti. URL inaweza kuwa ina nguvu au ina nguvu zaidi.
list-of-mediaqueries Orodha ya media queries inayoshiriki kwa kirefu, inamshughulikia kwa nini kati ya mawili CSS kwa kutumia URL.

Mfano wa kusoma kwenye tovuti

数字 katika tablio inaonyesha sababu kuu wa kufungua tabia kwa kawaida kwa programu ya kusoma kwenye tovuti.

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