A Windows 10 Creators Update segítségével a Microsoft Edge támogatja az egyéni CSS-tulajdonságokat
2 perc olvas
Publikálva
Ossza meg ezt a cikket
Javítsa ezt az útmutatót
Olvassa el közzétételi oldalunkat, hogy megtudja, hogyan segítheti az MSPowerusert a szerkesztői csapat fenntartásában Tovább
A következő hónapban megjelenő Windows 10 Creators frissítéssel a Microsoft Edge támogatni fogja a CSS egyéni tulajdonságait, amely lehetővé teszi a fejlesztők számára a változók teljes kaszkádolását a CSS-tulajdonságok között.
Általában a webes alkalmazások elég sok CSS-t tartalmazhatnak. A CSS-fájlban található értékek többsége duplikált adat lesz; Például egy webhely létrehozhat egy színsémát, és három vagy négy színt használhat újra a webhelyen. Ezeknek az adatoknak a módosítása nehézkes és hibás lehet, mivel szétszórtan találhatók a CSS-fájlban (és esetleg több fájl között is), és előfordulhat, hogy nem használható a Find-and-Replace funkció. A CSS Custom Properties ezt a problémát a szerző által definiált egyéni tulajdonságok családjával oldja meg, amelyeket együttesen egyéni tulajdonságoknak nevezünk, és amelyek lehetővé teszik a fejlesztők számára, hogy tetszőleges értékeket rendeljenek egy névvel rendelkező tulajdonsághoz, valamint a var() függvényt, amely lehetővé teszi a fejlesztők számára, hogy ezeket az értékeket használják. más tulajdonságokban a dokumentumban máshol. Tekintse meg az alábbi példát,
:root { --primary: #0B61A4; --másodlagos: #25567B; } header { background: var(--primary); border-bottom: 2px solid var(--másodlagos); }
A CSS egyéni tulajdonságai sokkal egyszerűbbé és kevésbé hibásabbá teszik a CSS-fájlok szerkesztését, mivel a fejlesztőknek egyszer kell módosítaniuk az értéket az egyéni tulajdonságban, és a változás automatikusan átterjed az adott változó minden felhasználására.
Ha Ön fejlesztő, most kipróbálhatja a CSS egyéni tulajdonságait a nemrégiben kiadott Windows Insider Preview összeállításokban, amelyek az EdgeHTML 15.15061-től kezdődnek. Ezenkívül nézze meg a Egyedi tulajdonságok Pooch demó hogy ezt a funkciót működés közben láthassa.
