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&nbsp;<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

Popular posts from this blog

sql server - Cannot query correctly (MSSQL - PHP - JSON) -

php - trouble displaying mysqli database results in correct order -

C++ Linked List -