Usuń WSZYSTKIE stylizacje/formatowanie z hiperłączy

Question

Tworzę menu nawigacyjne ze słowami o różnych kolorach (linki href). Chciałbym, aby kolor NIE zmieniał się w żadnym stanie (najeżdżanie, odwiedzane itp.).

Wiem, jak ustawić kolory dla różnych stanów, ale chciałbym znać kod, aby po prostu pozostawić kolor tekstu (i wszelkie inne stylizacje/formatowanie) w obecnej postaci.

Wszelkie sugestie?

Answer 1

można po prostu zdefiniować styl dla połączeń, które mogłyby zastąpić a:hover, a:visited itp .:

a { 
    color: blue; 
    text-decoration: none; /* no underline */ 
} 

Można również użyć wartości inherit jeśli chcesz korzystać z atrybutów stylów dominujących Zamiast:

body { 
    color: blue; 
} 
a { 
    color: inherit; /* blue colors for links too */ 
    text-decoration: inherit; /* no underline */ 
} 

Answer 2

jeśli stwierdzić a.redLink{color:red;} następnie utrzymać to przy aktywowaniu i taki dodatek a.redLink:hover{color:red;} Pozwoli to upewnić się, że żadne inne stany hover p zmieni kolor linków

Answer 3

można po prostu użyć selektora a w arkuszu stylów do definiowania wszystkich stany kotwicy/hiperłącza. Na przykład:

a { 
    color: blue; 
} 

Przesłoni wszystkie style linków i sprawi, że wszystkie stany będą miały kolor niebieski.

Answer 4

Zgodnie z tym, co powiedział Chris przede mną, wystarczy przesłonić a. Na przykład:

a { color:red; } 
a:hover { color:blue; } 
.nav a { color:green; } 

w tym przypadku .nav a zawsze będzie zielono,: hover nie odnoszą się do niego.

Jeśli istnieje jakaś inna reguła wpływająca na to, MOŻESZ użyć !important, ale nie powinieneś. To zły nawyk wpadać.

.nav a { color:green !important; } /*I'm a bad person and shouldn't use !important */ 

To zawsze będzie zielone, bez znaczenia dla jakiejkolwiek innej reguły.