ホバー

Question

の内のコンテンツをターゲットI有し、次のボタンとコード

HTML

<div id="top-btn"> 
     <a href=""><i>button</i></a> 
     <div id="top-btn-BG"></div> 
    </div> 

CSS

#top-btn a { 
    z-index: 999; 
    padding: 30px 30px 25px 25px; 
    color: #707070; 
    bottom: 0; right: 0; 
} 

#top-btn a:hover+#top-btn-BG:after,#top-btn-BG:hover:after { 
    border-color: transparent transparent #333 transparent; 
} 

これは＃トップ-BTN-BGトップ-BTNの背景を変更します上にぶら下がっている。私はaswellトップBTN＃の色を変更するが、それは

Answer 1

あなたはそのような何かを行うことができますターゲットにトラブルを持つようにしたい：

#top-btn a { 
 
    z-index: 999; 
 
    padding: 30px 30px 25px 25px; 
 
    color: #707070; 
 
    bottom: 0; 
 
    right: 0; 
 
} 
 

 
#top-btn:hover #top-btn-BG { 
 
    background-color: red; 
 
} 
 

 
#top-btn:hover a { 
 
    color: red; 
 
}

<div id="top-btn" class="flex fade-in"> 
 
    <a href=""><i> link </i></a> 
 
    <div id="top-btn-BG">ghjghjg</div> 
 
</div>