hover not working on child divs

here is HTML

    <div class="songsdetails">
        <a href="#" id="c">
            <div class="col-lg-2">
                <div class="songsnumbers">
                    <span>1 -</span><br>
                </div>
            </div>                                  
            <div class="col-lg-8">
                <div class="songsname">
                    <span>Ay Putar Hattan Ty</span><br>
                </div>
            </div>
            <div class="col-lg-2">
                <div class="songduration">
                    <span>4:56</span><br>
                </div>
            </div>
        </a>
            </div>

I want all classes in my a tag to change color if any divisions gets mouse hover. but it isn't working Here's css:

.songsdetails:hover songsnumbers songsname songsduration
{
color:black;
}

Thanks in advance.