Zmiana styli (np kolorów) odnośników (linków) w CSS

Z Podręcznik Administratora by OPZ SGU
Wersja z dnia 14:35, 18 lut 2018 autorstwa Adminka23 (dyskusja | edycje) (Zastępowanie tekstu - "<source lang="css">" na "<pre>")
(różn.) ← poprzednia wersja | przejdź do aktualnej wersji (różn.) | następna wersja → (różn.)
Przejdź do nawigacji Przejdź do wyszukiwania

Odnośnik po najechaniu myszką

 a:hover {
  color:black;
 }

Odnośnik odwiedzony

 a:visited {
  color:black;
     }

Zwykły odnośnik nie kliknięty

A:link
{
  color:black;
}

Odnośnik kliknięty lub nie kliknięty

A:active
{
     color:black;
}


Powyższy przykład znajdzie zastosowanie globalne czyli dla całej strony.

Co w wypadku gdy chcemy aby tylko nasze menu miało inne parametry ?

.menu a:hover {
  color:white;
}

Dzięki temu, klasa menu zyska atrybut białego odnośnika "najechanego".


W powyższych przykładach, wszędzie zostaje przypisany kolor czarny. Aczkolwiek, nic nie stoi na przeszkodzie aby do każdego zastosować zupełnie inne właściwości, nie musimy ograniczać się tylko do kolorów... Mamy do dyspozycji całą gamę CSS, jaką stosuje się przy każdym innym typie ID lub Klasy.