Sassを使用して同時に2つのルールをターゲットにする

Question

CTAボタンのテキストの横に円+矢印があり、どちらかの上にカーソルを置くと同時に色を変更したいと思います。

<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ルール： .cta-BTN、の.Faシェブロン・サークル右{ &：ホバー今の矢印がわからない書き方を、色を変えていないテキストの上にマウスを移動するとき{ 色：$ btn-bkg-hover-color！重要; }}

私はこれを設定し、フィドルで働いています：https://jsfiddle.net/roob/9Lsjstf7/1/ すべてのヘルプは高く評価されています。これが重複投稿の場合は、リンクを投稿してください。およそ

.cta-btn:hover, { 
    color: #e8e2bb !important; 
    .fa-chevron-circle-right { 
    color: #e8e2bb !important; 
    } 
} 

わからない重要...あなたとしてそれを左：あなただけのアンカーに置いて、あなたはまた、その子供を置くことを行うとき -

Answer 1

あなたは別々にホバーしないでください！それは何らかの理由で必要になるかもしれません。