Autor Zpráva
Ampér
Profil *
Zdravím,

narazil jsem na problém barvení textových odkazů. Konkrétně:

a.vysledek:link			{text-decoration: none; color: #777777 }
a.vysledek:visited		{text-decoration: none; color: #777777 }
a.vysledek:hover		{text-decoration: none; color: #A3D50B }

<p id="hlavni"><a href="#" class="vysledek">Vaše<br><span style="font-size: 17px; color: #EEEEEE">VÝSLEDKY</span></a></p>


jde mi o to, že v samotném odkazu by měly být použity 2 různé barvy, ale po najetí se tyto barvy změnit na jednu společnou. Nechci to řešit JavaScriptem ve smyslu "onmouseover", ten potřebuji ke spuštění jiného scriptu. Je nějaká možnost tohle vyřešit přes CSS? Děkuji
Miloš
Profil
a.vysledek:link                       {text-decoration: none; color: #777777 }
a.vysledek:visited                    {text-decoration: none; color: #777777 }
a.vysledek:hover, a:hover .vysledky   {text-decoration: none; color: #A3D50B }
a .vysledky                           {font-size: 15px; color: #eee;}

<p id="hlavni"><a href="#" class="vysledek">Vaše<br><span class="vysledky">VÝSLEDKY</span></a></p>
Ampér
Profil *
Moc DĚKUJI!!!
Miloš
Profil
A ještě by se ten styl dal zestručnět:
a.vysledek                            {text-decoration: none; color: #777;}
a.vysledek:hover, a:hover .vysledky   {text-decoration: none; color: #a3d50b;}
a .vysledky                           {font-size: 15px; color: #eee;}
Bubák
Profil
A ještě by se ten styl dal zestručnět:
a.vysledek                            {text-decoration: none; color: #777;}
a .vysledky                           {font-size: 15px; color: #eee;}
a.vysledek:hover, a:hover .vysledky   {color: #a3d50b;}
Jiné pořadí deklarací mám jen proto, že se mi zdá v tomto případě přehlednějí.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0