Pseudoklass focus-within
Pseudoklass focus-within määrab stiili
elementidele, mis on fookuses.
Erinevalt pseudoklassist focus, mis määrab
stiili otse elemendile endale, focus-within
määrab stiili vanemelemendile.
Süntaks
valija:focus-within {
}
Näide
Määrame vanemelemendi taustale helesinise värvi, kui selle laps-element input on fookuses:
<div>
Sisesta oma nimi: <input name="user">
</div>
div {
width: 300px;
height: 50px;
padding: 10px;
}
div:focus-within {
background-color: #C2DDFD;
}
:
Vaata ka
-
pseudoklass
:indeterminate,
mis määrab stiili lülititele, mis on määramata olekus -
pseudoklass
:default,
mis määrab stiili vaikimisi elementidele -
pseudoklass
:fullscreen,
mis määrab stiili elementidele täisekraanirežiimis -
pseudoklass
:placeholder-shown,
mis määrab stiili elementidele, kui kuvatakse vihjetekst -
omadus
caret-color,
mis määrab värvi tekstikursorile inputis
