CSS影响内部元素

Question

我在链接标记内有一个字体真棒箭头图标。在鼠标悬停时，我希望箭头稍微向右移动，如下所示：http://mo-de.com/#contacts 我的css：

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

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

Answer 1

只需将id设为fa-icon示例id =＆＃34; icon＆＃34;然后将伪类作为

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

这将有效

如果您需要任何进一步的帮助，请告诉我