Lub ntsiab lus tshiab WordPress twb siv CSS variables, tsom xam ntawm qhov zoo thiab qhov tsis zoo
Siv CSS variables tuaj yeem tswj hwm qhov sib txawv xws li xim Lub ntsiab lus thiab qhov loj me hauv cov style,
ua rau cov style yooj yim los tswj. Yog tias koj xav tau kho cov ntsiab lus xim lossis lub ntiaj teb style,
koj tuaj yeem hloov kho tus nqi ntawm qhov sib txawv yam tsis tau hla tag nrho cov ntawv style.
Dynamic
Tus nqi ntawm qhov sib txawv tuaj yeem hloov pauv hloov pauv,
uas ua rau nws yooj yim los hloov cov qauv hauv ntau lub xeev lossis cov neeg siv kev sib cuam tshuam.
Los ntawm JavaScript, koj tuaj yeem hloov kho tus nqi ntawm qhov sib txawv ntawm lub sijhawm ua haujlwm kom haum rau cov kev xav tau sib txawv.
code rov siv dua
Tib qhov sib txawv tuaj yeem siv tau rau hauv ntau tus Lub ntsiab lus neeg xaiv,
ua rau muaj ntau txoj cai rov qab siv dua. Qhov no pab txo tus lej ntawm cov lej thiab txhim kho kev txhim kho kev ua haujlwm.
Txhim khu kev nyeem ntawv
Kev txhais qee qhov kev siv feem ntau raws li qhov
sib txawv tuaj yeem txhim kho kev nyeem ntawv ntawm cov ntawv style.
Los ntawm kev siv cov npe sib txawv,
koj tuaj kev lag luam email sau npe yeem nkag siab meej lub hom phiaj ntawm cov style.
Disadvantages ntawm kev siv CSS variables
Compatibility teeb meem
CSS variables tej zaum yuav tsis tau txais kev txhawb nqa hauv qee qhov browsers qub,
thiab cov txiaj ntsig poob rov qab tsis muaj txiaj ntsig yog tias qhov browser tsis txhawb CSS cov khoom siv.
Txawm hais tias tam sim no tau txais kev txhawb nqa los ntawm cov browser tseem ceeb,
cov teeb meem kev sib raug zoo yuav tsum tau ua Lub ntsiab lus tib zoo xav hauv cov haujlwm.
Piv txwv li: Internet Explorer (IE), Microsoft Edge (cov laus dua),
Safari (iOS qub versions thiab macOS versions) tsis txhawb CSS variables.
Teeb meem kev ua haujlwm
Qee qhov xwm txheej, siv ntau qhov sib txawv tuaj yeem haus ntau lub cim xeeb ntawm tus neeg siv khoom (browser).
Lub browser yuav tsum tau txheeb xyuas cov kev hloov pauv no thiab siv cov qauv, thiab ntau qhov sib txawv ntawm qhov nyuaj yuav ua rau kev ua haujlwm qeeb.
Scope qhov teeb meem
CSS variables yog scoped nyob rau hauv lub selector lub teeb huab huab server vs huab server: yuav ua li cas xaiv lub vev xaib tsim nyog tshaj plaws daws teeb meem nyob rau hauv uas lawv tau tshaj tawm.
Qhov no tuaj yeem ua rau qhov yuav tsum tau rov hais dua cov kev hloov pauv tib yam hauv cov neeg xaiv sib txawv hauv qee kis,
ua rau kev tswj hwm ntawm lub ntiaj teb hloov pauv Lub ntsiab lus me ntsis cumbersome.
Cov ntsiab lus
Cov vev xaib nyuaj yuav muaj ntau tus lej CSS, feem ntau nrog ntau qhov tseem ceeb dua
Piv txwv li, tib xim tus nqi yuav raug siv ntau ntau lossis
Lub ntsiab lus ntau pua qhov chaw yog tias tus nqi no hloov pauv,
nws yuav tsum tau tshawb nrhiav thoob ntiaj teb thiab hloov ib qho los ntawm ib qho (muaj teeb meem heev ~).
Zuag qhia tag nrho, CSS variables yog ib qho cuab yeej tr npe muaj zog uas tuaj yeem txhim
kho kev tswj xyuas thiab kev nyeem ntawv ntawm koj cov ntawv style,
tab sis lawv yuav tsum tau siv nrog ceev faj txog kev sib raug zoo thiab teeb meem kev ua haujlwm.