Usuń wszystkie style/formatowanie z hiperłączy

Tworzę menu nawigacyjne ze słowami w różnych kolorach (href linki). Chciałbym, aby kolor nie zmieniał się w żadnym stanie(kursor, odwiedzony itp.).

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

Jakieś Sugestie?
Author: Bill the Lizard, 2012-01-19
Source

4 answers

Możesz po prostu zdefiniować styl dla linków, który nadpisałby a:hover, a:visited itd.:

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

Możesz również użyć wartości inherit, Jeśli chcesz użyć atrybutów ze stylów nadrzędnych: 

body {
  color: blue;
}
a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}
 155
Author: Frxstrem,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-05-01 08:51:57

Jak powiedział Chris przede mną, tylko a powinno się obejść. Na przykład: 

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

W tym przypadku .nav a będzie zawsze zielony, a :hover nie będzie się do niego odnosić.

Jeśli jest jakaś inna zasada wpływająca na to, możesz użyć !important, ale nie powinieneś.

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

Wtedy zawsze będzie zielony, bez znaczenia dla jakiejkolwiek innej zasady.

 3
Author: SpoonNZ,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-01-19 00:55:40

Możesz po prostu użyć selektora a w swoim arkuszu stylów, aby zdefiniować wszystkie stany kotwicy / hiperłącza. Na przykład: 

a {
    color: blue;
}

Nadpisałby wszystkie style łącza i sprawiłby, że wszystkie stany będą miały kolor niebieski.

 1
Author: Chris,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-01-19 00:51:31

Jeśli stan a.redLink{color:red;} to trzymać to na hover i takie dodać a.redLink:hover{color:red;} to sprawi, że żaden inny stan hover nie zmieni koloru linków

 -1
Author: danferth,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-01-19 00:50:49