Tworzę menu nawigacyjne ze słowami o różnych kolorach ( hreflinki). Chciałbym, aby kolor NIE zmieniał się w żadnym stanie (najechanie kursorem, 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) bez zmian.
Jakieś sugestie?
Odpowiedzi:
Możesz po prostu zdefiniować styl linków, który zastąpi a:hover, a:visiteditp .:
a {
color: blue;
text-decoration: none; /* no underline */
}
Możesz również użyć inheritwartości, jeśli chcesz zamiast tego 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 */
}
initialjest również pomocny, gdy chcesz przywrócić domyślny styl css. Jest to dobrze wyjaśnione tutaj link
inherit!
inheritdziała tylko w starszych przeglądarkach i Internet Explorerze lub też występują problemy w popularnych przeglądarkach (Chrome, Firefox)?
Jak powiedział wcześniej Chris, po prostu anależy to zmienić. Na przykład:
a { color:red; }
a:hover { color:blue; }
.nav a { color:green; }
W tym przypadku .nav aZAWSZE byłby zielony, a: hover nie miałby do niego zastosowania.
Jeśli wpływa na to jakaś inna reguła, MOŻESZ użyć !important, ale nie powinieneś. To zły nawyk.
.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 reguły.
aktórego zapobiegnie jakimkolwiek zmianom w :hover(lub :visiteditp.). A co powiesz na to, że zamiast być kutasem i marnować wszystkie trzy odpowiedzi, sugerujesz rzeczywiste rozwiązanie?
Możesz po prostu użyć aselektora w arkuszu stylów, aby zdefiniować wszystkie stany kotwicy / hiperłącza. Na przykład:
a {
color: blue;
}
Zastępuje wszystkie style łączy i zmieni kolor na niebieski dla wszystkich stanów.
inheritsłowo kluczowe. Niestety nie ma 100% wsparcia.