Targeting inneren Inhalt schweben

Question

Ich habe den folgenden Button und Code

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; 
} 

Dies ändert den Hintergrund # top-btn-BG als Top-btn schwebt über. Ich möchte die Farbe ändern # top-btn als gut, aber Schwierigkeiten haben, es

Answer 1

Targeting Sie können so etwas tun:

#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>