Med Windows 10 Creators Update kommer Microsoft Edge med understøttelse af CSS Custom Properties
2 min. Læs
Udgivet den
Del denne artikel
Forbedre denne vejledning
Læs vores oplysningsside for at finde ud af, hvordan du kan hjælpe MSPoweruser med at opretholde redaktionen Læs mere
Med den kommende Windows 10 Creators Update, som udgives næste måned, vil Microsoft Edge understøtte CSS Custom Properties, som giver udviklere mulighed for fuldt ud at kaskadere variabler på tværs af CSS-egenskaber.
Generelt kan webapplikationer indeholde en del CSS. De fleste af værdierne i CSS-filen vil være duplikerede data; for eksempel kan et websted etablere et farveskema og genbruge tre eller fire farver på hele webstedet. Ændring af disse data kan være vanskelig og tilbøjelig til fejl, da de er spredt ud over CSS-filen (og muligvis på tværs af flere filer) og muligvis ikke kan finde-og-erstat. CSS Custom Properties løser dette problem ved hjælp af en familie af brugerdefinerede forfatter-definerede egenskaber kendt samlet som brugerdefinerede egenskaber, som gør det muligt for udviklere at tildele vilkårlige værdier til en egenskab med et navn, og var()-funktionen, som gør det muligt for udviklere at bruge disse værdier i andre ejendomme andre steder i dokumentet. Se et eksempel nedenfor,
:root { --primær: #0B61A4; --sekundær: #25567B; } header { baggrund: var(--primær); border-bottom: 2px solid var(--sekundær); }
CSS Custom Properties vil gøre redigering af CSS-filer meget nemmere og mindre tilbøjelige til at fejle, da udviklere skal ændre værdien én gang i den tilpassede egenskab, og ændringen spredes automatisk til alle anvendelser af denne variabel.
Hvis du er en udvikler, kan du nu prøve CSS Custom Properties i de nyligt udgivne Windows Insider Preview builds, der begynder med EdgeHTML 15.15061. Tjek også ud Brugerdefinerede egenskaber Pooch-demo for at se denne funktion i aktion.
