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

Question

// 父元素状态改变时，改变子元素的css，可以这样写form input{   color: black;}form.active input{   color: red;}那么，子元素状态改变时，怎么改变父元素的css呢?比如：input获取到focus时，怎么改变整个form的颜色?纯css的写法求教大家，谢谢！

Answer 1

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