悬停 - 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

悬停

回答

相关问题