如何在<a>

Question

How can i add background for <span> when mouse hover <span> or <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>