CSS Auswirkungen auf innere Elemente

Question

Ich habe eine Schriftart ein tolles Pfeilsymbol in einem Link-Tag. Auf Maus schweben, möchte ich den Pfeil leicht nach rechts wie folgt verschieben: http://mo-de.com/#contacts Meine CSS:

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

Aber es bewegt sich die gesamte Verbindung. Wie kann ich auf das bestimmte gewünschte Tag oder das Symbol zugreifen, um es unabhängig zu verschieben?

Answer 1

Nur geben die ID der fa-Symbol Beispiel id = „Symbol“ und dann Pseudo-Klasse als

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

Diese Arbeit wird

Lassen Sie mich wissen, wenn Sie weitere Hilfe benötigen