[CSS] Definiowanie kilku rodzajów linków tekstowych

[Marcin Kalisz]

Jak powyżej - potrzebuje stworzyć dwa rodzaje linków tekstowych: czerwony na białym tle oraz biały na czerwonym. Oba będą się "podkreślać" po najechaniu w odpowiednich kolorach. Jak to zrobić? Kiedyś osadziłem dodatkowy styl (span), ale efekt był wymieszany - kolor spanu bez najechania, a po najechaniu kolor zdefiniowany przez "a:".

[Stig]

Należy skorzystać z klas. Przykład:

Kod: Zaznacz cały

a.class1 {
display: block;
color: #FF0000;
background-color: #FFFFFF; }

a.class2 {
display: block;
color: #FFFFFF;
background-color: #FF0000; }

a.class1:hover, a.class2:hover {
text-decoration: underline; }
...
<a href="#" class="class1" title="tytuł">nazwa</a><a href="#" class="class2" title="tytuł">nazwa</a>

Polecam lekturę specyfikacji.