Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] a:hover
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
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 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 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ć :?: 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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.