Seryjne stosowanie a:link, a:hover

Seryjne stosowanie a:link, a:hover - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Seryjne stosowanie a:link, a:hover (/thread-seryjne-stosowanie-a-link-a-hover)

Seryjne stosowanie a:link, a:hover - Początkujący - 14-04-2010

Jak usprawnić zapis hiper-link tak żeby był w kilku <h> taki sam. W innym wypadku muszę się powtarzać:

Kod:
h1 a:link {

    color: #6099ff;

    text-decoration: none;

}

h1 a:hover {

    text-decoration: underline;

}

i aby uzyskać drugi taki efekt trzeba pisać drugi raz tak samo z tym że zmienia się na <h2>. Tak jak w tym przypadku, jak widać, link <h1> zmienia kolor i po najechaniu kursorem podkreśla tekst linku. W Trzech przypadkach kolejnych <h3>,<h4>,<h5> ma być:

Kod:
h3 a:link {

    text-decoration: none;

}

h3 a:hover {

    text-decoration: underline;

}

Najlepszym wyjściem z tej sytuacji byłby taki zapis:
Niestety ten sposób zapisu nie jest poprawny, proszę o pomoc

Kod:
h1, h2 a:link {

    color: #6099ff;

    text-decoration: none;

}

h1, h2  a:hover {

    text-decoration: underline;

}

RE: Seryjne stosowanie a:link, a:hover - Pedro84 - 14-04-2010

Źle to robisz...

Kod:
h1 a:link, h2 a:link { 

 // styl tutaj

}

i będzie działac.

RE: Seryjne stosowanie a:link, a:hover - KeeL - 14-04-2010

Kod:
h1 a:link, h2 a:link {

    color: #6099ff;

    text-decoration: none;

}

   h1 a:hover, h2 a:hover  {

    text-decoration: underline;

}

Czy o to chodziło?

RE: Seryjne stosowanie a:link, a:hover - Początkujący - 14-04-2010

Zgada się, z tym że kolor zmienia się dla wszystkich wpisanych, a kolor ma być taki jak ustawiony w css, dla poszczególnych <h> wspólne ma być tylko podkreślanie link. Po usunięciu color: #, zminia się na defaut. Z tego widzę że nie ma sposobu, chyba, że jest?

RE: Seryjne stosowanie a:link, a:hover - Pedro84 - 14-04-2010

To usuń kolor z CSS, z tego fragmentu:

Kod:
h1 a:link, h2 a:link {

    color: #6099ff;

    text-decoration: none;

}

RE: Seryjne stosowanie a:link, a:hover - Początkujący - 14-04-2010

Przeczytaj uważnie, kolor h1 jest inny niż kolor h2.