Zmiana łącza stylu, tylko do pewnej klasy

Question

Chcę zmienić linku stylu dla niektórych z moich linków, tak:

a:hover 
{ 
    /* These links will be blue when hovered-over */ 
    background-color: #3366FF; 
} 

Jednak chcę tylko tego, aby podjąć działanie w moim nawigacji Pasek, a nie zwykłe linki.

próbowałem wariacje na ten temat:

#navbar a:hover 
{ 
    /* These links will be blue when hovered-over */ 
    background-color: #3366FF; 
} 

z zamierzonym czyli „odnosi się tylko do połączeń z <div id="navbar">”
Ale to nie działa.

Jak ustawić styl tylko dla niektórych linków zdefiniowanych przez class lub id ich kontenera?

Answer 1

Może Twoje sprawdzone linki są odwiedzanymi linkami. wolę:

#navbar a:hover, 
#navbar a:visited 
{ 
    background-color: #3366FF; 
} 

Answer 2

Myślę, że możesz chcieć użyć właściwości "color" zamiast "background-color".

Jeśli przez przypadek naprawdę nie chce zmienić background-color, należy pamiętać, że linki wyświetlane inline i nie mają dużą, wygodną prostokąt wokół nich, więc w zależności od koloru pojemnika tła może nie być zauważalne . (Prawdopodobnie tak nie jest, ale wyrzuciłem to na wypadek, gdyby twoje linki były bardzo małe.)

Wreszcie, ponieważ kolor niebieski jest zbliżony do domyślnego koloru łącza, należy rozważyć testowanie z egzotycznym kolorem (np. Czerwony), aby zobaczyć jeśli problem dotyczy twojego CSS lub twojego wyboru koloru.

Answer 3

To wygląda ok do mnie, Robusto ma ważny punkt z barwowej.

Inna metoda daje powiązań klasę własną rękę, np

CSS

a.navlink:visited 
a.navlink:hover 
{ 
    background-color: #3366FF; 
} 

HTML

<a href="index.html" class="navlink">Home</a>