호버

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>