Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Pseudo klasy
Forum PHP.pl > Forum > Przedszkole
cykcykacz
Witam, mam prosty problem. Chcę aby łącze, które nie było klikane zmieniło kolor po najechaniu na nie kursorem. Mam taki kod HTML/CSS.
HTML
Kod
<a class="top" href="strona.html">strona główna</a>

CSS
Kod
a.top:visited {
    color: #FFFFFF;
}

a.top:hover {
    color: #175997;
}

a.top:link {
    color: #FFFFFF;
}
Volume
Nie widze problemu, za to odpowiada hover - np.

  1. <--// ... //-->
  2. a.top:visited {
  3. color: red;
  4. }
  5.  
  6. a.top:hover {
  7. color: green;
  8. }
  9. <--// ... //-->
  10. <a class="top" href="strona.html">strona główna</a>
cykcykacz
No tak ale łącze które wcześniej nie było odwiedzane po najechaniu kursorem nie zmienia wartości podanej w CSS a.top:hover. Dopiero po kliknięciu i wróceniu na stronę i ponownym najechaniu kursorem łącze zmienia kolor może to problem przeglądarki ? sprawdzałem na dwóch komputerach Windows/Linux i efekt jest ten sam łącze które nie było odwiedzane nie zmienia koloru hm..questionmark.gif Rozumiem, że moje style są poprawne?
[Edit]
Eureka:) chodziło o kolejność stylów CSS, link w pierwszej kolejności i jest ok.
Kod
a.top:link {
    color: #FFFFFF;
}
a.top:visited {
    color: #FFFFFF;
}

a.top:hover {
    color: #175997;
}
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.