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
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
Super, moc díky
Miloš
Profil
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 */
anebo
a.externi:link    { /* blablabla */ }
a.externi:visited    { /* blablabla */ }
/* a tak dál */

Jestli se nepletu, jsou oba zápisy ekvivalentní.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: