[css] div i elementy wewnatrz nie dziedziczace po glownych atrybutach ? Opcje

[-Gość-]

Jest jakis kontener div o okreslonej klasie, a w srodku tabelka. Style dla tabeli i diva sa oddzielnie ustawione, ale tabelka wewnatrz kontenera dziedziczy styl po glownym atrybucie table. Jak zrobic, zeby kazda tabelka zawarta w tym divie byla wyswietlana za pomoca innego stylu niz glowna ?
Probowalem tak:
.nazwa_klasy table, table * , ale przy tej opcji nadal dziedziczy style dla tr, dla table i td jest ok. Jak mam :
.nazwa_klasy table, tr, td to w ogole juz nie dziala.

[mariuszn3]

Jeśli nie potrzebujesz obsługi IE to skorzystaj z child selectorów przykładowo:

Kod

body > table {
background:red;
}

Ten styl będzie dotyczył tylko tabeli, która jest dzieckiem body.. żadnych dodatkowo zagnieżdżonych tabel nie dotknie.
Jeśli potrzebujesz aby to chodziło w IE to niestety musisz się pobawić w eliminowanie lub nadpisywanie styli. Czyli

Kod

table {
backround:red;
border:1px solid blue;
}
table table {
background:yellow;
border-width:0;
}
# itd itd..