我如何添加效果懸停在跨度<a>

Question

我如何添加背景<span>當鼠標懸停<span>或<a>。

<a href="" class="special"><span class="fa fa-facebook"></span> Facebook</a> 

Answer 1

CSS是所有關於選擇的元素。此處您要選擇span父母<a>標籤懸停時。只需使用a:hover > span即可。

#activation:hover > #activated { 
 
    color:red; 
 
}

<a id="activation" href="" class="special"> 
 
    <span id="activated" class="fa fa-facebook">?</span> 
 
    <span>Facebook</span> 
 
</a>