如何在：before元素之前更改悬停背景颜色？

Question

请参阅我的项目：http://www.livingthelighterlife.com/

尝试让社交媒体部分的悬停背景颜色起作用。图标通过：before标签出现。我尝试添加：之前：悬停但它不起作用。

另外：我似乎无法弄清楚为什么每个之间都会出现破折号。请帮助纠正这个问题！

任何帮助将不胜感激！

<span class="icon-rss"></span>
</a>

&nbsp;

<a target="new" href="#">
<span class="icon-facebook"></span>
</a>

&nbsp;

<a target="new" href="#">
<span class="icon-pinterest"></span>
</a>

&nbsp;

<a target="new" href="#">
<span class="icon-instagram"></span>
</a>

&nbsp;

<a target="new" href="#">
<span class="icon-twitter"></span>
</a>

&nbsp;

<a target="new" href="#">
<span class="icon-heart"></span>

java.lang.IndexOutOfBoundsException: Index: 0, Size: 0
    at java.util.ArrayList.rangeCheck(ArrayList.java:653)
    at java.util.ArrayList.remove(ArrayList.java:492)
    at ca.odell.glazedlists.FunctionList.listChanged(FunctionList.java:283)
    at ca.odell.glazedlists.event.ListEventAssembler$ListEventFormat.fire(ListEventAssembler.java:424)
    at ca.odell.glazedlists.event.ListEventAssembler$ListEventFormat.fire(ListEventAssembler.java:421)
    at ca.odell.glazedlists.event.SequenceDependenciesEventPublisher$SubjectAndListener.firePendingEvent(SequenceDependenciesEventPublisher.java:445)
    at ca.odell.glazedlists.event.SequenceDependenciesEventPublisher.fireEvent(SequenceDependenciesEventPublisher.java:344)
    at ca.odell.glazedlists.event.ListEventAssembler.commitEvent(ListEventAssembler.java:317)
    at ca.odell.glazedlists.TransformedList.clear(TransformedList.java:98)
    at org.eclipse.nebula.widgets.nattable.extension.glazedlists.groupBy.GroupByDataLayer$1.run(GroupByDataLayer.java:286)
    at org.eclipse.swt.custom.BusyIndicator.showWhile(BusyIndicator.java:70)
    at org.eclipse.nebula.widgets.nattable.extension.glazedlists.groupBy.GroupByDataLayer.updateTree(GroupByDataLayer.java:272)
    at org.eclipse.nebula.widgets.nattable.extension.glazedlists.groupBy.GroupByDataLayer.update(GroupByDataLayer.java:313)
    at java.util.Observable.notifyObservers(Observable.java:159)
    at java.util.Observable.notifyObservers(Observable.java:115)
    at org.eclipse.nebula.widgets.nattable.extension.glazedlists.groupBy.GroupByModel.update(GroupByModel.java:124)
    at org.eclipse.nebula.widgets.nattable.extension.glazedlists.groupBy.GroupByModel.addGroupByColumnIndex(GroupByModel.java:44)

Answer 1

反过来说：.icon-rss:hover:before并删除破折号，将text-decoration: none添加到a代码。

修改：或者，在您的设置中，您还可以尝试a:hover span更改span的背景颜色。