子元素状态改变时，怎么改变父元素的css呢？

Question

// 父元素状态改变时，改变子元素的css，可以这样写form input{
  color: black;}form.active input{
  color: red;}

那么，子元素状态改变时，怎么改变父元素的css呢?
比如：input获取到focus时，怎么改变整个form的颜色?
纯css的写法
求教大家，谢谢！

Answer 1

<div&nbsp;class="parent"> &nbsp;&nbsp;&nbsp;&nbsp;<form> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input&nbsp;type="text"> &nbsp;&nbsp;&nbsp;&nbsp;</form></div><style> &nbsp;&nbsp;&nbsp;&nbsp;.parent:hover&nbsp;input{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background:green; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;.parent:hover&nbsp;form{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background:orange; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</style>