CSS 影响内部元素



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

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

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

只需将 id 提供给 fa-icon 示例 id="icon",然后将伪类作为

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

这将起作用

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

最新更新