Kichocheo cha rangi focus-within

Kichocheo cha rangi focus-within huweka mtindo kwa vipengee ambavyo viko kwenye lengo. Tofauti na kichocheo cha rangi focus, ambacho huweka mtindo moja kwa moja kwa kipengee chenyewe, focus-within huweka mtindo kwa kipengee kizazi mzazi.

Kisarufi

kichaguzi:focus-within {

}

Mfano

Wacha tuweke rangi ya samawazi kwa background ya kipengee kizazi mzazi, linapokuwa kipengee chake cha mtoto cha uingizaji (input) kiko kwenye lengo:

<div>
	Ingiza jina lako: <input name="user">
</div>

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

Angalia pia

kichocheo cha rangi :indeterminate,
ambacho huweka mtindo kwa vibadilishaji vilivyo kwenye hali isiyo dhahiri
kichocheo cha rangi :default,
ambacho huweka mtindo kwa vipengee kwa msingi
kichocheo cha rangi :fullscreen,
ambacho huweka mtindo kwa vipengee vilivyo kwenye hali ya ukurasa kamili
kichocheo cha rangi :placeholder-shown,
ambacho huweka mtindo kwa vipengee wakati maandishi ya mwongozo yanaonyeshwa
sifa caret-color,
ambayo huweka rangi kwa kiashiria cha maandishi kwenye uingizaji (input)