Style queries
Container queries som frågar efter värdet på en egen CSS-variabel istället för efter bredd. Låter en komponent byta utseende utifrån ett tillstånd satt någon annanstans i trädet.
Skrivsättet är @container style(--variant: kompakt), och regeln gäller om närmaste behållare har just det värdet på variabeln. Nyttan är att man slipper klassnamn som måste trädas ner genom flera nivåer av komponenter: en förälder sätter en variabel, och allt innanför kan reagera på den utan att veta vem som satte den eller behöva få en klass påklistrad. Det passar särskilt för teman och för varianter av samma kort i olika sammanhang. Funktionen finns i Chromium sedan version 111 men bara för egna egenskaper — att fråga efter vanliga egenskaper som font-size är fortfarande under specifikation, eftersom det öppnar för cirkulära beroenden.