Inā ua nānāʻoe i ka pūnaewele a nānā i ka code o nā pūnaewele pūnaewele, hoʻokahi mea āu iʻike ai he mau papawai kēia i kā lākou puka CSS o waho i nāʻano likeʻole - ma o ka hoʻohanaʻana i ka hōʻailona @import a iʻole e piliʻana i kēlā Kōnae CSS. He aha ka likeʻole ma waena o @import a me ka loulou no CSS a pehea i koho ai i kahi meaʻoi aku ka maikaʻi noʻoe? E nānā kākou!
Ka Difference Ma waena & & # 64; ka lawe komo a me & lt; link & gt;
Ma mua o ka hoʻoholoʻana i keʻano o kēiaʻano e hoʻohana ai i kāu mau pepa kiʻi, ponoʻoe e hoʻomaopopo i ka mea e hoʻohanaʻia ai nāʻanoʻelua no ka.
-ʻO ka loulouʻana keʻano mua no ka hoʻokomoʻana i kahi pepa maʻamau i kāu mau pūnaewele pūnaewele. Hoʻolālāʻia e loulou i kāu pūnaewele pūnaewele me kāu pepaʻano. Hoʻokomoʻia i ka
@import - Ka laweʻiaʻana eʻae iāʻoe e hoʻokomo i kahi pēkeʻaoʻao i kekahi. Heʻokoʻa loa kēia ma mua o ka pilina pili, no ka mea hiki iāʻoe ke lawe i nā pepa i loko o kahi pūnaeweleʻano pūnaewele. Inā hoʻokomoʻoe i kahi @import ma ke poʻo o kāu palapala HTML, ua kākauʻia e like me kēia:
<ʻano style = "kikokikona / css"> @ import url ("styles.css");Mai kahi manaʻo manaʻo paepae,ʻaʻole heʻokoʻa ma waena o ka pilinaʻana i kahi pepaʻokoʻa waho a iʻole e lawe mai ana. E pololei nā hana a me nāʻaoʻao a pau (i ka nui o nā hihia). Eia naʻe, aia kekahi mau kumu e makemake aiʻoe e hoʻohana i kekahi ma luna o kekahi.
No ke aha e hoʻohana ai & # 64; hoʻokomo?
I nā makahiki he nui aku nei,ʻo ka kumu nui loa i hāʻawiʻia no ka hoʻohanaʻana i @import ma kahi (link with) no kaʻikeʻole o nā pūkuhi kūpuna @import, no laila hiki iāʻoe ke hūnā i nāʻano mai ia lākou. Ma ka laweʻana i kāu mau pepa kiʻi, ponoʻoe e hoʻolako iā lākou i nā mea hou i kēia manawa, i nā meaʻike pono e like me ka "hūnā" iā lākou mai nā pūnaewele mua.
ʻO kekahi hoʻohana hou no ka hoʻohana @import e hoʻohana i nā paʻi kiʻi maʻamau ma kahiʻaoʻao,ʻoiai e hoʻokomo wale i kahi loulou ma kāu palapala a
. ʻO kahi laʻana, hiki i kahi hui ke loaʻa kahi pepa lole honua no kēlā me kēiaʻaoʻao ma ka pūnaewele, me nā māhele'eneke i loaʻa nāʻano'ē aʻe e pili wale ana i kēlā māhele. Ma ke kākoʻoʻana i ka pepa style style a me ka laweʻana mai i nāʻano honua āpau ma luna o kēlā pepa kāhua,ʻaʻoleʻoe e mālama i kahi kāʻei kapa nui me nāʻano a pau no ka pūnaewele a me kēlā me kēia māhele. ʻO ka mea wale nō e koiʻia ai e hele mai nā māhele lawimport i mua o ke koena o kāu mau rula. Eia hoʻi, e hoʻomanaʻo ponoʻoe he mea pilikia ka hoʻoilina .No ke aha e hoʻohana ai & lt; link & gt ;?
ʻO ka helu helu hoʻokahi no ka hoʻohanaʻana i nā pepa o ke kālaiʻia i hāʻawiʻia e hāʻawi i nā pānaʻi o keʻano'ē aʻe no kāu mea kūʻai. Pūnaewele e like me Firefox, Safari, a meʻOpera ke kākoʻo i ka hilinaʻi rel = "kāhua styleheet" a inā loaʻa kahi mea e hiki ai i nā nānā ke hoʻololi i waena o lākou. Hiki iāʻoe ke hoʻohana i ka hoʻoponopono JavaScript no ka hoʻololiʻana ma waena o nā pāpale kiʻi i IE. Hoʻohana pinepineʻia kēia me nā hoʻonohonoho Zoom no nā mea hoʻohana.
ʻO kekahi o nā drawbacks i ka hoʻohanaʻana i ka @import, inā heʻoluʻolu loa kāu
me ka rule @import wale nō, hiki i kou mauʻaoʻao ke hōʻike i "flash of content unstyled" (FOUC) i kā lākou e hoʻouka nei. Hiki ke hōʻailona i kāu poʻe nānā. ʻO ka hoʻoholo pololeiʻana i kēia,ʻo ia e hōʻoia iāʻoe ma kahi aʻoi aʻe kekahi a iʻole