Referenz:CSS/Selektoren/focus-within

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Selektor focus-within CSS 3.0
Beschreibung selektiert ein Element, wenn es selbst oder eines seiner Nachfahren den Fokus besitzt
Syntax :focus-within
Browsersupport
  • Chrome
  • Firefox
  • Leer
  • Opera
  • Safari
Spezifikation W3c logo klein.gif Selectors Level 4
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.

Beachten Sie
Tipp