control the :after of a div when hover on another element : 
I wanna control after of box2 when hovering on box1.
I test this code but it didn't work.so...whats the problem?
<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    .box1:hover .box2:after{SOME CSS}

<!-- end snippet -->

