Zmiana stylu dla znaczników "na chwilę"

14.06.05, 14:09
Mam zdefiniowane w arkuszu css style dla a, a:link, a:hover, itp.
Dołączam je do strony przy pomocy "link rel".
Chciałabym, żeby dla pewnego fragmentu strony obowiązywał inny styl dla tych
znaczników.
Próbowałam dołączyć poniższy kod przed fragmentem dla którego ma być inaczej
niż w arkuszu:
<style type="text/css"><!--
a:hover { color: #ff0000; }
--></style>
ale tak nie działa.

Jak to można zrobić?

Z góry dzięki,
E.
    • gajowy_marycha Re: Zmiana stylu dla znaczników "na chwilę" 14.06.05, 14:35
      musisz zdefiniowac style "podrzedne" dla tego fragmentu strony.

      przykladowo, jesli ow fragment bedzie ujety w znacznik div o id "fragment" to w arkuszu stylow
      definiujesz:

      #fragment a:link {}
      #fragment a:visited {}
      #fragment a:hover {}


      • mewus Re: Zmiana stylu dla znaczników "na chwilę" 15.06.05, 14:25
        Tak też próbowałam (słowo daję) i nie zadziałało :(
        Ale teraz skoro potwierdzasz, że to dobra metoda, to muszę szukać co źle
        zrobiłam.
        Dzięki,
        E.
    • webmaster111111 Re: Zmiana stylu dla znaczników "na chwilę" 14.06.05, 15:56
      Możesz użyć klas, identyfikatorów. (class, id)
    • mateuszchol Re: Zmiana stylu dla znaczników "na chwilę" 14.06.05, 15:57
      Okresl nowy styl o nazwie innej, niz "a", np:

      .ainny {...}
      .ainny:hover {...}
      .ainny:link {...}
      .ainny:visited {...}

      wtedy w linku <a class="anew" href=...
      • mateuszchol Re: Zmiana stylu dla znaczników "na chwilę" 14.06.05, 15:58
        oczywiscie w linku
        <a class="ainny"

        sorry za zamieszanie ;)
        • mewus Re: Zmiana stylu dla znaczników "na chwilę" 15.06.05, 14:29
          No i to mi zadziałało od razu :))
          Wielkie dzięki :)

          Ale chyba jeszcze powalczę z metodą przedstawioną przez gajowego_marychę, bo
          nie może tak być, że mi nie działa coś, co powinno ;)

          E.
          • kuba12 Re: Zmiana stylu dla znaczników "na chwilę" 15.06.05, 16:07
            <html><head><style>
            a:link {color:yellow}
            a:visited {color:red}
            a:hover {color:pink}
            #inne a:link {color:blue}
            #inne a:visited {color:green}
            #inne a:hover {color:black}
            </style></head><body>
            gazeta.pl<br><br><br>
            <div id="inne">
            wp.pl
            </div>
            </body></html>
            :)
Inne wątki na temat:
Pełna wersja