CSS hover apply to parent elements


Imagine you want apply the hover effect to the whole parent element but just when mouse over a child element, pure CSS no JS

Here the trick: