почему цвет фона не меняется в фокусе div?

Question

У меня есть div, в котором у меня есть input и кнопка. Я хочу изменить background-color родительского div, когда я сосредоточился на input div. Но это не работает. Можем ли мы сделать этоиспользуя css not javascript.

Я пробовал вот так

.a:focus{
  background-color:red;
  border:2px solid grey;
} 

Но это не работает, почему?

Я хочу, когда я focus в input поле, чем родительdiv с классом "a" станет background-color:red и граница станет красной

вот мой код https://jsbin.com/kimejehane/1/edit?html,css,output

<div class="a">
    <div class="b">
      <input type="text">
      <button>aa</button>
    </div>
  </div>

Answer 1

Если вы хотите изменить фон parant div, имеющего класс b, попробуйте это.

.b:focus-within {
  background-color:red;
  border:2px solid grey;
}