[CSS] a:hover Opcje

[invx]

mam pytanie jak zrobic, ze jak mam zdefiniowane 2 rodzaje wyswietlania dla linkow, i chce urzyc potem w jednum dokumencie dwuch roznych wyswielan a:hover (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

[Majdan]

Użyć dwóch klas.

[-=Saint=-]

Kod

a:hover.klasa

{

}

a:hover.klasa2

{

}

[xml:1:1600e0b142]
<a href="" class="klasa">abc</a>
<a href="" class="klasa2">abc</a>
[/xml:1:1600e0b142]
Testowalem na IE

[invx]

ale to w tym przypadku co napisales ahover bedzie takise samo, tylko uzyte dla dwuch klas (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) ale jak chce rozne a:hover

[Majdan]

Wystarczy pomyśleć. :wink:
[xml:1:d298ad00ad]a:hover.klasa
{
/* WŁAŚCIWOŚCI JAKIE CHCESZ :!: */
}
a:hover.klasa2
{
/* WŁAŚCIWOŚCI JAKIE CHCESZ :!: */
}[/xml:1:d298ad00ad]

[invx]

i w tym co napisales moge ustawic wlasciwosci a:hoveru dla 2 klas ?

[Majdan]

Czy tak trudno się domyśleć :?: (IMG:http://forum.php.pl/style_emoticons/default/rolleyes.gif)

Kod

a:hover.klasa

{

/* WŁAŚCIWOŚCI DLA KLASY 1   */

}

a:hover.klasa2

{

/* WŁAŚCIWOŚCI DLA KLASY 2   */

}

[Dominik]

Mozna to brdziej "hurtowo" zrobic. Korzystajac z wlasnosci selektorow. Przykladu konkretnego nie moge podac bo akurat to rozwizanie zalezy od struktury kodu ale moge dac przyklad:
Powiedzmy ze mamy kod (X)HTML:
[xml:1:e565c95d91]
<p class="jeden">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</p>
<p class="dwa">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</p>
[/xml:1:e565c95d91]
To mozna w CSS-ach napisac takie cos:
[xml:1:e565c95d91]
.jeden a:hover {color: red}
.dwa a:hover {color:green}
[/xml:1:e565c95d91]
To ma taka przewage ze jesli linkow jest duzo nie trzeca ciagle pisac w kazdym znaczniku <a> class="zdefiniowanaklasa".
Oczywiscie powyzszy przyklad jest najbardziej uproszczony ale mozna sie pokusic o bardziej "zaawansowane" selektory.