Autor | Zpráva | ||
---|---|---|---|
Schecter Profil |
Zdravim,
mam takový menší problém s hover a nemůžu na to nějak přijít. V <head> <style type="text/css"> mam a:hover {color=DeepPink}. Jenže potřebuju pak k jiným odkazům dát jiný hover. Dá se to dát nějak rovnou do odkazu nebo nejlépe libovolně udělat začátek <> a pak konec po odkazech </> ? Popřípadě jak by jste mi to doporučili udělat. Moc díky za odpověď. |
||
Petr ZZZ Profil |
#2 · Zasláno: 15. 12. 2009, 02:11:55 · Upravil/a: Petr ZZZ
Můžeš si udělat různé třídy. Do (nejlépe externího souboru) css si napíšeš třeba:
.aaa a:link { nějaké definice, jak si to představuješ, např. color:#000000; text-decoration:underline; } .aaa a:visited { color:#333333; text-decoration:underline; } .aaa a:active { definice } .aaa a:hover { definice } .bbb a:link { jiné definice } .bbb a:visited { jiné definice } .bbb a:active { jiné definice } .bbb a:hover { jiné definice } A v souboru HTML dáš třeba odstavci nebo seznamu tu kterou třídu: <p class="aaa"> |
||
Schecter Profil |
#3 · Zasláno: 15. 12. 2009, 08:44:07
Super, moc díky
|
||
Miloš Profil |
#4 · Zasláno: 16. 12. 2009, 06:01:11 · Upravil/a: Miloš
Anebo – pokud se nehodí třída nadřazeného prvku, třebas na externí odkazy, lze dát třídu konkrétnímu odkazu:
<a href="http://adresa.cz" class="externi"> a na to navázat styl a:link.externi { /* blablabla */ } a:visited.externi { /* blablabla */ } /* a tak dál */ a.externi:link { /* blablabla */ } a.externi:visited { /* blablabla */ } /* a tak dál */ Jestli se nepletu, jsou oba zápisy ekvivalentní. |
||
Časová prodleva: 14 let
|
0