On child hover change the css of Parent

Question

I want to change the css of parent on hover of Child element.

        

            
                <         


        

Answer 1

As other posts say there is no parent selector.

This is how it should work:

li:has(> i:hover) { /* styles to apply to the li tag */ }

What this does is check if li has a i with :hover state in it. If that's the case it applies the css. Unfortunately this is not supported yet..