focus-within կեղծդասը

focus-within կեղծդասը ոճ է սահմանում այն էլեմենտների համար, որոնք գտնվում են ֆոկուսում: Ի տարբերություն focus կեղծդասի, որն ուղղակիորեն ոճ է սահմանում հենց ինքն էլեմենտին, focus-within-ը սահմանում է ոճ ծնող էլեմենտի համար:

Շարահյուսություն

ընտրիչ:focus-within {

}

Օրինակ

Եկեք սահմանենք կապույտ գույն ծնող էլեմենտի ֆոնին, երբ նրա զավակ էլեմենտ դաշտը գտնվում է ֆոկուսում:

<div>
	Մուտքագրեք ձեր անունը: <input name="user">
</div>

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

Տես նաև

:indeterminate կեղծդասը,
որը ոճ է սահմանում անորոշ վիճակում գտնվող անջատիչների համար
:default կեղծդասը,
որը ոճ է սահմանում լռելյայն էլեմենտներին
:fullscreen կեղծդասը,
որը ոճ է սահմանում լրէկրան ռեժիմում գտնվող էլեմենտներին
:placeholder-shown կեղծդասը,
որը ոճ է սահմանում էլեմենտներին, երբ ցուցադրվում է հուշագրի տեքստը
caret-color հատկությունը,
որը սահմանում է տեքստային կուրսորի գույնը դաշտում