Psevdo-sinif focus-within

Psevdo-sinif focus-within fokusda olan elementlər üçün stil təyin edir. Birbaşa özünə stil təyin edən focus psevdo-sinifindən fərqli olaraq, focus-within valideyn element üçün stil təyin edir.

Sintaksis

selektor:focus-within {

}

Nümunə

Gəlin, valideyn elementin fon rəngini mavi edək, onun uşaq input elementi fokusda olduqda:

<div>
	Adınızı daxil edin: <input name="user">
</div>

div {
	width: 300px;
	height: 50px;
	padding: 10px;
}
div:focus-within {
	background-color: #C2DDFD;
}

Həmçinin bax

psevdo-sinif :indeterminate,
qeyri-müəyyən vəziyyətdə olan keçidlər üçün stil təyin edir
psevdo-sinif :default,
standart elementlər üçün stil təyin edir
psevdo-sinif :fullscreen,
tam ekran rejimində olan elementlər üçün stil təyin edir
psevdo-sinif :placeholder-shown,
istinad mətni göstərildikdə elementlər üçün stil təyin edir
xassə caret-color,
inputda mətn kursorunun rəngini təyin edir