Псевдокласот focus-within

Псевдокласот focus-within поставува стил на елементите кои се во фокус. За разлика од псевдокласот focus, кој поставува стил директно на самиот елемент, focus-within поставува стил за родителскиот елемент.

Синтакса

селектор:focus-within {

}

Пример

Ајде да поставиме сина боја на позадината на родителскиот елемент, кога неговиот детски елемент input е во фокус:

<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,
кое ја поставува бојата на текстуалниот курсор во input