State of CSS 2025: Disse CSS-funksjonene elsker og hater vi mest 

Årets State of CSS-undersøkelse er ute, og denne gangen har 5.506 utviklere over hele verden svart på spørsmål om hvordan de bruker CSS – og hva de liker eller misliker mest.

– Når vi ser på resultatene fra undersøkelsen, blir det åpenbart at CSS ikke lenger er "bare" et styling-språk, skriver webutvikleren og CSS-eksperten Amit Sheen i en oppsummering av årets undersøkelse.

Sheen mener CSS har endret retning fundamentalt, og nå spiller en mye større rolle enn før på mange områder – som layout, animasjoner, kompatibilitet og tilgjengelighet.

– Dette skiftet bidrar til å redefinere CSS’ identitet, ikke som et foreldet stilark-språk, men som et moderne og uttrykksfullt verktøysett som endelig får den anerkjennelsen det fortjener, skriver Sheen.

Her er noen av høydepunktene fra årets State of CSS-undersøkelse:

Mest brukt og elsket: has()

Det begynner å bli en stund siden :has() dukket opp i CSS. Dette er en pseudo-klasse – altså et nøkkelord som du legger til en CSS-selektor for å style en bestemt tilstand av det valgte elementet. 

:has() har vært tilgjengelig i Baseline siden desember 2023 – det vil si at det fungerer på tvers av alle de nyeste enhetene og nettleserversjonene.

Og :has() har blitt veldig godt tatt imot av utviklere: 

• 80 prosent av utviklere har brukt :has()
• 44 prosent har brukt :has() og svarte at de var positive til den. 

:has() er også den funksjonen som er best likt – det vil si der flest har svart at de er positive til funksjonen (man kan velge mellom positiv, nøytral eller negativ).

Også aspect-ratio er populær blant utviklere. Denne funksjonen har ifølge MDN vært bredt tilgjengelig i nettlesere siden september 2021, og mange utviklere setter åpenbart pris på hvordan aspect-ratio gjør det enkelt å definere høyde/bredde-forholdet til et element på skjermen.

Mest elsket: subgrid()

Hvis vi sorterer listen etter hvilke funksjoner utviklere er mest positive til, troner som sagt :has() øverst.

Men også Subgrid er noe utviklere elsker – den kommer nemlig på en god andreplass på listen over hvilke CSS-funksjoner flest utviklere er positive til:

Subgrid gjør det enklere å neste grid-layouter inni hverandre, og få det til å se pent ut. Du finner noen fine eksempler på hvordan det fungerer på gridbyexample.com, blant annet dette:

– :has-selektoren, container queries og subgrid har gått fra noe mange har ønsket seg, til å bli noe man bruker hver dag, og respondentene rangerer dem blant funksjonene de liker best, skriver Sheen.

Dette hater vi mest

State of CSS 2025 dekker ikke bare det utviklere bruker mest eller liker mest – det er også oversikter over hva vi hater – eller i hvert fall sliter litt med i hverdagen.

Og kanskje litt overraskende er det nettopp CSS Grid som kommer øverst på listen over det utviklere sliter mest med å få til skikkelig når det gjelder layout:

– Selv om Grid utvilsomt er kraftig, kommer denne kraften også med en bratt læringskurve som kan gjøre bruken av denne ganske komplekse funksjonen til et reelt irritasjonsmoment, skriver Sacha Greif, mannen bak undersøkelsen.

– Grid kan fort bli bli skikkelig forvirrende, skriver én av utviklerne i en kommentar, mens en annen skriver at det vanskeligste er å velge mellom grid og flexbox.

Tailwind troner øverst

I undersøkelsen spørres det også om hva slags rammeverk, verktøy og biblioteker utviklere bruker:

• Tailwind brukes av 51 prosent av utviklere (lavere andel blant svært erfarne utviklere)
• CSS-in-JS-løsninger brukes fortsatt mye – 28 prosent bruker CSS Modules, 23 prosent Styled Components. 
• Sass/SCSS brukes av hele 61 prosent av utviklerne.

Det er massevis av flere interessante funn i undersøkelsen, som du finner på 2025.stateofcss.com.

Vibbekoda plugin for CSS: «Hadde null erfaring»

Hos Sparebank 1 Utvikling bruker de nå pluginen til Stian Larsen – lagd uten erfaring, med masse AI.