CSS影响内部元素

时间:2017-07-08 08:20:00

标签: css

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

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

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

1 个答案:

答案 0 :(得分:1)

只需将id设为fa-icon示例id =" icon"然后将伪类作为

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

这将有效

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