zakazanie dedeneho hover

coldak · Napísal **coldak**: 07.02.2011 9:23

zdravim, hladam nejake cistejsie riesenie situacie. Mam HTML tabulku ktorej som cez CSS nastavil na riadky

Kód:

tr:hover{
   background-color: #CEF6CE;
}

toto mi zabezpecuje ze riadok na ktorom som cursorom je "vysvieteny".
ono je to ok, no potrebujem aby posledny riadok tabulky tuto vlastnost nemal. overridovat hover pre posledny riadok na nejaku inu hodnotu nechcem lebo ak by sa zmenilo pozadie tabulky tak by bolo nutne novu farbu definovat aj pre override hover posledneho riadku .
da sa nejak zakazat zdenenie toho hover ?

juho · Napísal **juho**: 07.02.2011 10:14

poslednemu riadku daj nejaku class pod ten hover si daj nove pravidlo ktore bude platit pre ten posledny riadok

Kód:

<style>
tr:hover{background:red;}
tr.x:hover{background:none;}
</style>
<table>
<tr><td>aaaaa</td><td>aaaaa</td></tr>
<tr><td>aaaaa</td><td>aaaaa</td></tr>
<tr><td>aaaaa</td><td>aaaaa</td></tr>
<tr class=x><td>aaaaa</td><td>aaaaa</td></tr>
</table>

emer · Napísal **emer**: 07.02.2011 15:22

btw, nie som si isty, ci dobre spominam, ale mam taky pocit, ze tato metoda tr:hover{background:..} mi robila v niektorych (alebo niektorom) prehliadacoch problem. trebalo pouzit tr:hover td{background:...}

bolo to davnejsie, mozno sa to tyka len strych browserov, treba vyskusat.

coldak · Napísal autor témy **coldak**: 07.02.2011 22:32

dik za rady, riesil som to podobne ako juho, no ja som pouzil background-color:inherit; ale vysledok je zhodny a vyhovuje mi. este raz vdaka.
emer dik za upozronenie, ak sa mi bude nejaky kolega stazovat ze mu to nefunguje spravne aspon budem vediet kde hladat chybu.

zakazanie dedeneho hover

Podobné témy