S aktualizací Windows 10 Creators Update přichází Microsoft Edge s podporou vlastních vlastností CSS

Ikona času čtení 2 min. číst


Čtenáři pomáhají podporovat MSpoweruser. Pokud nakoupíte prostřednictvím našich odkazů, můžeme získat provizi. Ikona popisku

Přečtěte si naši informační stránku a zjistěte, jak můžete pomoci MSPoweruser udržet redakční tým Dozvědět se více

S nadcházející aktualizací Windows 10 Creators Update, která vyjde příští měsíc, bude Microsoft Edge podporovat vlastní vlastnosti CSS, které vývojářům umožní plně kaskádovat proměnné napříč vlastnostmi CSS.

Obecně platí, že webové aplikace mohou obsahovat poměrně hodně CSS. Většina hodnot v souboru CSS budou duplicitní data; například web může vytvořit barevné schéma a znovu použít tři nebo čtyři barvy na celém webu. Změna těchto dat může být obtížná a náchylná k chybám, protože jsou roztroušena po celém souboru CSS (a možná i ve více souborech) a nemusí být dostupná funkce Najít a nahradit. Vlastní vlastnosti CSS řeší tento problém pomocí rodiny vlastních vlastností definovaných autorem, které jsou souhrnně označovány jako uživatelské vlastnosti, které umožňují vývojářům přiřadit libovolné hodnoty vlastnosti s názvem, a pomocí funkce var(), která umožňuje vývojářům tyto hodnoty následně používat. v jiných vlastnostech jinde v dokumentu. Podívejte se na příklad níže,

:root { --primary: #0B61A4; --sekundární: #25567B; } záhlaví { pozadí: var(--primary); border-bottom: 2px solid var(--secondary); }

Vlastní vlastnosti CSS učiní úpravy souborů CSS mnohem snazší a méně náchylné k chybám, protože vývojáři musí změnit hodnotu jednou ve vlastní vlastnosti a změna se automaticky rozšíří na všechna použití této proměnné.

Pokud jste vývojáři, můžete nyní vyzkoušet uživatelské vlastnosti CSS v nedávno vydaných sestaveních Windows Insider Preview začínajících na EdgeHTML 15.15061. Podívejte se také na Uživatelské vlastnosti Pooch demo abyste viděli tuto funkci v akci.

Více o tématech: Vlastní vlastnosti CSS, Vývojáři, hrana, microsoft, Tvůrci 10 Windows Update

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinné položky jsou označeny *