[HTML / CSS] deklarowanie koloru odnośników Opcje

[integer000]

Witam

mam takie pytanie, chcę sobie na początku strony zadeklarować kolor rozmiar i styl linków zarówno normalnych jak i po najechaniu na nie myszą. A potem w dowolnym miejscu strony móc się do tego odwołać. nie chce zmieniać koloru wszystkich linków tylko tych w których się odwołam do tego co zadeklarowałem na początku... jak to zrobić (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

Ten post edytował integer000 29.12.2007, 18:57:11

[slash^]

1) class:

style.css:

[HTML] pobierz, plaintext 
a.ab {   color: red; }
a.ab:hover {    color: blue; }
[HTML] pobierz, plaintext 

format linku:

[HTML] pobierz, plaintext 
<a class="ab" href="#">link 1</a>
[HTML] pobierz, plaintext 

2) id (polecam bardziej):

style.css:

[HTML] pobierz, plaintext 
a#bc {   color: green; }
a#bc:hover {   color: black; }
[HTML] pobierz, plaintext 

format linku:

[HTML] pobierz, plaintext 
<a id="bc" href="#">link 2</a>
[HTML] pobierz, plaintext 

[grzesiek_g]

2) id (polecam bardziej):

style.css:

[HTML] pobierz, plaintext 
a#bc {   color: green; }
a#bc:hover {   color: black; }
[HTML] pobierz, plaintext 

format linku:

[HTML] pobierz, plaintext 
<a id="bc" href="#">link 2</a>
[HTML] pobierz, plaintext 

A ja nie polecam, podobnie jak nie poleca W3C, a także większość na pewno na tym forum. Więc razem - nie polecamy!

Id jak sama nazwa mówi określa identyfikator elementu i może wystąpić tylko raz na stronie. Wiem, że później nie stosując id mogą być kłopoty z ostylowaniem linków, którym nadamy jedynie klasy. Dzieje się tak dlatego, że CSS stosuje pewną hierarchię i id jest ważniejsze niż class. Ale da się to obejść dodając "!important", np:

[HTML] pobierz, plaintext 
a#bc {   color: green !important; }
[HTML] pobierz, plaintext 

Jednak nie należy tego nadużywać, bo później nie połapiemy się w hierarchii stylów.

Ten post edytował grzesiek_g 29.12.2007, 19:43:31