懸停 - VoidCC

-1

靶向內內容我有以下按鈕和代碼懸停

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的背景被盤旋。我想改變的＃頂級BTN藏漢顏色，但有麻煩瞄準它

來源

2017-09-16 user3550879

請提供工作代碼。 –

您無法選擇具有CSS的父項。你必須把懸停放在'top-btn'上 –

你可以做這樣的事情：

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

來源

2017-09-16 06:50:28 felixmosh

懸停

回答

相關問題