Query:
I am trying to dynamically change the color of the span element with classes glyphicon and glyphicon-play when the user hovers over the entire element. How can I achieve this?
Recommendation:
.whole:hover > span.glyphicon.glyphicon-play {
color: red;
}
Unfortunately, this solution does not seem to work as intended.
HTML Code:
<div class="whole">
<button type="button" class="btn btn-default special">
<span class="glyphicon glyphicon-play"></span>
</button><span class="title">my title</span>
</div>