我在下面创建了3个带文字的图标，你可以在这里看到代码http://cssdeck.com/labs/qrpf4z9g
问题是，如果您将鼠标悬停在图标上，则只有图标变为红色，文本保持灰色，但如果您先将鼠标悬停在文本上，则图标和文本都会变为红色。
我的目标是让文本和图标同时变成红色，无论你先将鼠标悬停在哪里，我不知道怎么做。
我是 HTML/CSS 新手
【问题讨论】：
a:hover span
改变这个：
.righticons a span:hover
到这里：
.righticons a:hover span
另外，我注意到在第一次将每个鼠标悬停时，在显示红色图标之前会有轻微的“闪光”。发生这种情况是因为图标需要加载其新图像 - 您可能会考虑创建一个精灵（至少为每个图标）并在悬停时仅调整 background-position 属性。这将消除闪光灯。
【讨论】：
background-position 属性来定义您显示的图像的哪个部分。图像改变了它的位置，但不需要加载，因为它已经包含在原始图像的页面加载中。 This link 应该可以帮助您设置课程，并且有很多在线教程可供查看。