Bevezetés a css változókba
Az egyetlen olyan minőség, amelyet egy nyelvnek rendelkeznie kell ahhoz, hogy képes legyen a programozási nyelv státuszára való jogosultsághoz, változók. Hihetetlenül hasznosnak számítanak, kivéve a fejlesztőket egy csomó órát és erőt. Ezenkívül a változók a kódírás átfogó módon javíthatók.
Pontosan ez hiányzott a CSS-ben. A dinoszauruszok, mint a Sass és kevésbé használt változók, de soha nem voltak változók a standard CSS-ben. Eddig.
Hosszú időn át tűntek fel a horizonton, de csak a közelmúltban kezdtek bevezetni a változókat a CSS-be. Szóval, hogyan működnek?
Böngésző támogatás
Jelenleg a CSS változókat csak a Firefox Nightly támogatja. És valójában nem tudjuk használni őket. Mindazonáltal annak ellenére, hogy még mindig nagyon, nagyon nyers (a béta tesztelés állapotában), mindannyian várom, hogy a közeljövőben megjelenjenek az életünkben.
A webkamerában lévő böngészők esetében már van mód a változók megszerzésére. Ezenkívül a Chrome bizonyos verziói számára is elérhetőek. amelyek a króm: // zászlókon keresztül aktiválódnak, és a -webkit-prefix segítségével.
Ami az IE-t illeti, sajnos várnunk kell. Lássuk, mi készül a jövő számunkra.
A CSS változók használata
Mindannyian tökéletesen tudjuk, hogy a változók miként működnek, ezért csak a szintaxis ment át. Így adjuk meg a változókat a CSS-ben:
Globális változók
Az egyéb programozási nyelvekhez hasonlóan a változókat globális szinten is beállíthatja. Ez például:
A root pseudo elemet használom, mert a DOM-ban a legfelső szintű felület lesz az, amelyik tartja ezeket a változókat. Ők viszont a DOM tagfához fognak dolgozni minden elemünkön.
Ami a változók alkalmazását illeti, a var () függvényt egy változó hívására használjuk. Ez így hajtható végre:
Miután deklaráltuk a változót a dokumentum gyökerén, most már jogosan használhatjuk bárhova.
Kontextusváltozók
A globális változók mellett egy változót is beállíthat egy adott elemhez. Ebben az esetben az értéke változik:
Ebben a konkrét példában a horgonycímkék örökölje azokat az új értékeket, amelyeket a szülőelemükbe helyezünk. Azonban a divon kívül semmi sem fog használni a gyökérelemben megadott értékeket.
A CSS változók nagy segítséget fognak nyújtani, ha a jövő horizontján fenyegetnek, és valósággá válnak. Még az első csengők is válhatnak az előfeldolgozók elutasításához és a normál CSS nyelvhez való visszatéréshez.