Med Windows 10 Creators Update kommer Microsoft Edge med stöd för CSS Custom Properties
2 min. läsa
Publicerad den
Dela den här artikeln
Förbättra den här guiden
Läs vår informationssida för att ta reda på hur du kan hjälpa MSPoweruser upprätthålla redaktionen Läs mer
Med den kommande Windows 10 Creators Update som släpps nästa månad kommer Microsoft Edge att stödja CSS Custom Properties som tillåter utvecklare att helt kaskad variabler över CSS-egenskaper.
I allmänhet kan webbapplikationer innehålla en hel del CSS. De flesta av värdena i CSS-filen kommer att vara dubbletter av data; till exempel kan en webbplats upprätta ett färgschema och återanvända tre eller fyra färger på hela webbplatsen. Det kan vara svårt och felbenäget att ändra dessa data, eftersom de är utspridda i CSS-filen (och möjligen över flera filer) och kanske inte går att hitta och ersätta. CSS Custom Properties löser detta problem genom att använda en familj av anpassade författardefinierade egenskaper som gemensamt kallas anpassade egenskaper, som gör det möjligt för utvecklare att tilldela godtyckliga värden till en egenskap med ett namn, och var()-funktionen, som gör det möjligt för utvecklare att sedan använda dessa värden i andra fastigheter på andra ställen i dokumentet. Kolla in ett exempel nedan,
:root { --primär: #0B61A4; --sekundär: #25567B; } header { bakgrund: var(--primär); border-bottom: 2px solid var(--sekundär); }
CSS Custom Properties kommer att göra redigering av CSS-filer mycket enklare och mindre felbenägen, eftersom utvecklare måste ändra värdet en gång, i den anpassade egenskapen, och ändringen kommer att spridas till all användning av den variabeln automatiskt.
Om du är en utvecklare kan du nu prova CSS Custom Properties i de nyligen släppta Windows Insider Preview-byggen som börjar med EdgeHTML 15.15061. Kolla också in Anpassade egenskaper Pooch-demo för att se denna funktion i aktion.
