CSS/Selektoren/focus-within

Der :focus-within-Selektor selektiert ein Element, wenn es selbst oder eines seiner Nachfahren den Fokus besitzt.

Syntax	:focus-within
Parameter	{{{Parameter}}}}}
Browsersupport	Details: caniuse.com

Beispiel

li:focus-within { 
   background-color: red; color: white; 
 }

Werden beispielsweise Links innerhalb der Listenelemente per Tastatur ausgewählt, so erhält das entsprechende Listenelement eine andere Farbgebung.

Siehe auch

• CSS/Tutorials/Selektoren/Pseudoklasse#focus-within

Weblinks

• W3C: focus-within Selectors Level 4