为什么背景颜色不会改变div的焦点？

Question

我有div，其中有input和按钮。当我专注于background-color div时，我想更改父级div的{​​{1}}。但是它不起作用。我们可以使用input来做到这一点吗。

我尝试过这样

css not javascript

但是为什么不行？

我希望当我.a:focus{ background-color:red; border:2px solid grey; } 到focus的字段比父类input的{​​{1}}字段变为div且边框变为红色时

这是我的代码 https://jsbin.com/kimejehane/1/edit?html,css,output

"a"

Answer 1

如果要更改具有b类的parant div的背景，请尝试一下。

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