CSS :focus-within-seudolaji

Määritelmä ja käyttö

CSS :focus-within Seudolajit ovat käytetty elementin ja sen minkä tahansa jälkeläiselementin kohdistuksen määrittämiseen.

Esimerkki

Kun jokin kenttä lomakkeessa saa kohdistuksen, valitse ja aseta lomakkeen tyyli:

form:focus-within {
  border: 2px solid black;
  background-color: beige;
  color: black;
}

Kokeile itse

CSS-grammatiikka

:focus-within {
  css lausunnot;
}

Tekninen yksityiskohta

Selaimen tuki

Taulukossa olevat numerot määrittelevät ensimmäisen selaimen version, joka täysin tukee kyseistäseudolajia.

Liittyvät sivut

Oppitunti:CSS-seudolajit

Viittaus:CSS :focus syyli