Pseudo-klasa focus-within

Pseudo-klasa focus-within përcakton stilin për elementet që janë në fokus. Ndryshe nga pseudo-klasa focus, e cila përcakton stilin direkt vetë elementit, focus-within përcakton stilin për elementin prind.

Sintaksa

përzgjedhës:focus-within {

}

Shembull

Le t'i japim një ngjyrë blu sfondit të elementit prind, kur elementi i bij i inputit është në fokus:

<div>
	Shkruani emrin tuaj: <input name="user">
</div>

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

Shihni gjithashtu

pseudo-klasa :indeterminate,
e cila përcakton stilin për çelsat që janë në një gjendje të pacaktuar
pseudo-klasa :default,
e cila përcakton stilin për elementet si parazgjedhje
pseudo-klasa :fullscreen,
e cila përcakton stilin për elementet në modalitetin e plotë ekran
pseudo-klasa :placeholder-shown,
e cila përcakton stilin për elementet kur shfaqet teksti-tregonjës
vetia caret-color,
e cila përcakton ngjyrën për kursorin e tekstit në input