Zmiana styli (np kolorów) odnośników (linków) w CSS: Różnice pomiędzy wersjami
m (Zastępowanie tekstu - "</source>" na "</pre>") |
|||
| Linia 4: | Linia 4: | ||
color:black; | color:black; | ||
} | } | ||
</ | </pre> | ||
Odnośnik odwiedzony | Odnośnik odwiedzony | ||
<source lang="css"> | <source lang="css"> | ||
| Linia 10: | Linia 10: | ||
color:black; | color:black; | ||
} | } | ||
</ | </pre> | ||
Zwykły odnośnik nie kliknięty | Zwykły odnośnik nie kliknięty | ||
<source lang="css"> | <source lang="css"> | ||
| Linia 17: | Linia 17: | ||
color:black; | color:black; | ||
} | } | ||
</ | </pre> | ||
Odnośnik kliknięty lub nie kliknięty | Odnośnik kliknięty lub nie kliknięty | ||
<source lang="css"> | <source lang="css"> | ||
| Linia 24: | Linia 24: | ||
color:black; | color:black; | ||
} | } | ||
</ | </pre> | ||
| Linia 35: | Linia 35: | ||
color:white; | color:white; | ||
} | } | ||
</ | </pre> | ||
Dzięki temu, klasa menu zyska atrybut białego odnośnika "najechanego". | Dzięki temu, klasa menu zyska atrybut białego odnośnika "najechanego". | ||
Wersja z 17:23, 15 lut 2018
Odnośnik po najechaniu myszką <source lang="css">
a:hover {
color:black;
}
Odnośnik odwiedzony <source lang="css">
a:visited {
color:black;
}
Zwykły odnośnik nie kliknięty <source lang="css"> A:link {
color:black;
}
Odnośnik kliknięty lub nie kliknięty <source lang="css"> 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 ? <source lang="css"> .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.