2017-07-08 125 views
0

我有一个链接标记内的字体超棒箭头图标。鼠标悬停时,我想的箭头稍微移动,以这样的权利:http://mo-de.com/#contacts 我的CSS:CSS影响内部元素

a:hover{ 
    transform:translateX(2px); 
} 

但移动整个链路。我如何访问我想要的特定标签或图标以独立移动它?

+1

如果希望您的箭头在链接中指定的右侧。然后,显示一些代码。 – lkdhruw

回答

1

只要给ID为FA-图标例如ID =“图标”,然后有伪类作为

#a:hover ~ #icon { 
    transform: translateX(2px); 
} 

这将工作

让我知道如果您需要任何进一步的帮助

+0

我想要将鼠标悬停在我的按钮上时,其中的箭头会移动,而不是整个按钮。 在你的代码中,我将不得不将鼠标悬停在箭头 –

+0

哎呀抱歉,尝试更新答案 –

相关问题