Brak możliwości zmiany koloru czcionki linku CSS

0

Witam Was tak jak w temacie mam problem ze zmiana koloru czcionki dla odnośnika, po podświetleniu działa tak jak chce ale normalnie niestety czcionka jest ciemno-niebieska.

a.menu:hover{
height: 16px;
color: white;
background-color: red;
}
a.menu:link{
color: #FFFFFF;
display: table-cell;
vertical-align: middle;
height:30px;
background: white;
padding: 2px;
text-decoration: none;
font-size:18px;
background-color:black;
``
i przykładowy html:
screenshot-20190122173233.png

Uczę sie wiec na pewno błędy są ale juz nie mam pomysłu gdzie :/

1

Po pierwsze: wywal a.menu:link i użyj zwykłego a.menu, bo formalnie to link jest poprawne, ale wtedy dla hover musiałbyś użyć a.menu:link:hover, co raczej nie upraszcza kodu.
Poza tym, to co wkleiłeś wyżej, jest poprawne (wyjąwszy brak ostatniego }. Prawdopodobnie nadpisuje ci to jakaś późniejsza deklaracja albo deklaracja o wyższym priorytecie.
Otwórz konsolę przeglądarki i sprawdź, jakie style decydują o finalnym wyglądzie elementu.

https://developers.google.com/web/tools/chrome-devtools/inspect-styles/imgs/elements-panel.png

0
Freja Draco napisał(a):

Po pierwsze: wywal a.menu:link i użyj zwykłego a.menu, bo formalnie to link jest poprawne, ale wtedy dla hover musiałbyś użyć a.menu:link:hover, co raczej nie upraszcza kodu.
Poza tym, to co wkleiłeś wyżej, jest poprawne (wyjąwszy brak ostatniego }. Prawdopodobnie nadpisuje ci to jakaś późniejsza deklaracja albo deklaracja o wyższym priorytecie.
Otwórz konsolę przeglądarki i sprawdź, jakie style decydują o finalnym wyglądzie elementu.

https://developers.google.com/web/tools/chrome-devtools/inspect-styles/imgs/elements-panel.png

Ok działa, Dziękuje za pomoc

1 użytkowników online, w tym zalogowanych: 0, gości: 1