S aktualizáciou Windows 10 Creators Update prichádza Microsoft Edge s podporou vlastných vlastností CSS
2 min. čítať
Publikované dňa
Zdieľajte tento článok
Vylepšite túto príručku
Prečítajte si našu informačnú stránku a zistite, ako môžete pomôcť MSPoweruser udržať redakčný tím Čítaj viac
S nadchádzajúcou aktualizáciou Windows 10 Creators Update, ktorá vyjde budúci mesiac, bude Microsoft Edge podporovať vlastné vlastnosti CSS, čo vývojárom umožňuje plne kaskádovať premenné medzi vlastnosťami CSS.
Vo všeobecnosti môžu webové aplikácie obsahovať pomerne veľa CSS. Väčšina hodnôt v súbore CSS budú duplicitné údaje; napríklad stránka môže vytvoriť farebnú schému a opätovne použiť tri alebo štyri farby na celej stránke. Zmena týchto údajov môže byť náročná a náchylná k chybám, pretože sú roztrúsené v súbore CSS (a možno aj vo viacerých súboroch) a nemusí byť možné nájsť a nahradiť. Vlastné vlastnosti CSS riešia tento problém pomocou rodiny vlastných vlastností definovaných autorom, ktoré sú súhrnne známe ako užívateľské vlastnosti, ktoré umožňujú vývojárom priradiť ľubovoľné hodnoty vlastnosti s názvom, a pomocou funkcie var(), ktorá umožňuje vývojárom potom tieto hodnoty použiť. v iných vlastnostiach inde v dokumente. Pozrite si príklad nižšie,
:root { --primary: #0B61A4; --sekundárne: #25567B; } hlavička { pozadie: var(--primary); border-bottom: 2px solid var(--secondary); }
Vlastné vlastnosti CSS uľahčia úpravu súborov CSS a budú menej náchylné na chyby, pretože vývojári musia zmeniť hodnotu vo vlastnej vlastnosti raz a zmena sa automaticky rozšíri na všetky použitia tejto premennej.
Ak ste vývojár, teraz môžete vyskúšať vlastné vlastnosti CSS v nedávno vydaných zostavách Windows Insider Preview počnúc EdgeHTML 15.15061. Pozrite si tiež Vlastné vlastnosti Pooch demo aby ste videli túto funkciu v akcii.
