:focus-within
Misol
Forma maydonlaridan biri fokus olganda formani tanlang va unga uslub bering:
form:focus-within {
border: 2px solid black;
background-color: beige;
color: black;
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
CSS :focus-within psevdo-klassi element yoki uning istalgan avlodi fokus olsa, shu elementga mos keladi.
| Versiya: | CSS4 |
|---|
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar psevdo-klassni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Psevdo-klass | |||||
|---|---|---|---|---|---|
| :focus-within | 60 | 79 | 52 | 10.1 | 47 |
CSS sintaksisi
:focus-within {
css declarations;
}
Tegishli sahifalar
CSS darsligi: CSS psevdo-klasslar
CSS ma’lumotnomasi: :focus
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!