targetting two rules at the same time using sass -
i have circle+arrow next text in cta button , i'd both change color @ same time when hovering on either of them. right when hovering on text arrow not change color, not sure how write :
<div class="cta-div"> <a class="cta-btn" href="#" role="button">save now <i class="fa fa- chevron-circle-right " style="font-size:34px;color:#efd43d; vertical -align:middle; padding:0 0 3px;"></i></a> </div> sass rule: .cta-btn, .fa-chevron-circle-right { &:hover { color: $btn-bkg-hover-color !important; } }
i have set , working in fiddle: https://jsfiddle.net/roob/9lsjstf7/1/ appreciated. if duplicate post please post link.
you not hover on them separately - hover on anchor , when hover child so:
.cta-btn:hover, { color: #e8e2bb !important; .fa-chevron-circle-right { color: #e8e2bb !important; } } not sure !important ... left may need reason.
Comments
Post a Comment