CSS for hover that includes all child elements

Question

I have a draggable div element with a hover style. This works fine, but the div contains some form elements (label, input). The problem is that when the mouse is over these

Answer 1

At least 2 ways of doing it:

• hover states for each child, either explicitly or with * selector, as suggested by garrow .class *:hover
• cascade hover state to children .class:hover *

There are probably others