jquery - How to perform multiple events CSS -

jquery - How to perform multiple events CSS -

this has been bugging me while, wondering best way create elements within div deed differently on hover.

example html

<div class="box"> <a href=""> <h1>box title</h1> <span class="icon floatr"></span> </a> </div>

now i'd next css;

a.span {color:black} a.span:hover {color:red;}

but there anyway grouping them together; on hover action 2 different selectors without using js?

i.e: alter icon reddish , text adds text shadow or something.

:hover parent element instead:

.box:hover h1 { /* styles */ } .box:hover span { /* different styles */ }

jquery html css css3