CSS/Selektoren/focus-within

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

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

Liste der CSS-Selektoren

Pseudoklassen
- strukturelle Pseudoklassen
- dynamische Pseudoklassen
  - :active
  - :any-link
  - :checked
  - :disabled
  - :enabled
  - :focus
  - :focus-visible
  - :focus-within
  - :hover
  - :in-range
  - :invalid
  - :link
  - :out-of-range
  - :placeholder-shown
  - :target
  - :valid
  - :visited
- :has()
- :is() (war: matches())
- :lang()
- :not()
- :where()
einfache Selektoren
Kombinatoren
Pseudoelemente