如何在 <a> 中的跨度上添加效果悬停

【问题标题】：How can i add effect hover on span in <a>如何在 <a> 中的跨度上添加效果悬停
【发布时间】：2016-08-08 13:47:51
【问题描述】：

当鼠标悬停<span> 或<a> 时，如何为<span> 添加背景。

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

【问题讨论】：

标签： css hover

【解决方案1】：

CSS 是关于选择元素的。在这里，当父 <a> 标签悬停时，您要选择 span。只需使用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>

【讨论】：