focus-within Sözde Sınıfı

focus-within sözde sınıfı, odakta olan öğelere stil belirler. Doğrudan öğenin kendisine stil veren focus sözde sınıfının aksine, focus-within ebeveyn öğe için stil belirler.

Sözdizimi

cssseçici:focus-within {

}

Örnek

Bir alt öğe input odakta olduğunda, ebeveyn öğenin arka planına mavi renk verelim:

html<div>
  Adınızı girin: <input name="user">
</div>

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

Результат:

Ayrıca Bakınız