[CSS / jQuery] Podświetlenie

[PsichiX]

Witam. Pisząc skórkę pod szablon strony natknąłem się na problem z podświetlaniem komórek. Podświetlenie działa na zasadzie takiej, że początkowo komórki tabeli mają klasę "default" a po najechaniu myszką na dany wiersz poprzez jQuery dodaje tym komórkom w wierszu klasę "hl" i komórka powinna zmienić swój kolor tła, jednak komórka nie zmienia go. A więc moje pytanie jest następujące: Co należy zrobić aby zmiana koloru tła zadziałała? co zrobić aby styl komórki przejął nowy kolor tła?

 

poniżej zamieszczam kod css oraz js:

 

CSS:

td.default{
    background-color: #404040;
}

.hl{
    background-color: #DDDDDD;
}

 

JS:

$(document).ready(
    function()
    {
        $("table.tab tr").hover(
            function()
            {
                $(this).addClass("hl");
            },
            function()
            {
                $(this).removeClass("hl");
            });
    });

 

Z góry dziękuję za sensowną odpowiedź :)

[gnysek]

Są dwie możliwości:

 

$(document).ready(
    function()
    {
        $("table.tab tr").hover(
            function()
            {
                $(this).removeClass("default");
                $(this).addClass("hl");
            },
            function()
            {
                $(this).removeClass("hl");
                $(this).addClass("default");
            });
    })

btw. td czy tr ?

 

druga:

 

.hl{
    background-color: #DDDDDD !important;
}

[Piczer]

.default:hover{}

[gnysek]

:hover nie działa w IE poza a.

[PsichiX]

hehe, glupi blad mialem, bo trzeba bylo szukac po td a nie tr, juz naprawione, dzieki gnysek.