Triggering 5 elements or more at the same time in one hover

HTML

<div class="triggered_element"></div>
<div class="affected_element1"></div>
<div class="affected_element2"></div>
<div class="affected_element3"></div>
<div class="affected_element4"></div>
<div class="affected_element5"></div>

CSS

<style>
.triggered_element:hover, .triggered_element:hover + .affected_element1 + .affected_element2 + .affected_element3 + .affected_element4 + .affected_element5
{
/**YOUR ACTION HERE**/
}
</style>

Categories: CSS Source Code