[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.

[remiq26]

Nie wiem czy dokładnie o to ci chodzi ale ja np. wszystko ustawiam poprzez CSS nawet jeśli <div> jest zawarty w <div> czy <td> w <div>

Podaję ci przykład stylu dla warstw wewnętrznych

[HTML] pobierz, plaintext 
<style>
/* blok pomarańczowy */
  .orange { border: 1px solid #fcbf00; background-color: #fcecba; font-family:Tahoma; font-size:10pt }
  .orange .tytul { border-left:1px solid #fcecba; border-right:1px solid #fcecba; border-top:1px solid #fcecba; border-bottom:1px solid #fcbf00; background:url('header_orange.png') repeat-x; font-family:Tahoma; font-size:10pt }
  .orange .edycja { background-color: #fcd455; border: solid #fcbf00 1px; }
  .orange .btopsep { border-top: 1px solid #fcbf00;; font-family:Tahoma; font-size:10pt }
  .orange .bcdark { background: url(header_orange_inv.png) bottom; }
  .orange .bleftdark { border-left: solid #fcbf00 1px; }
  .orange .brightdark { border-right: solid #fcbf00 1px; }
  .orange .input { border: solid #fcbf00 1px; }
</style>
 
 
<div id="blok175724" class="orange">
    <div class="tytul">Pogoda</div>
    <div class="btopsep">
     Oko</div>
   </div>
[HTML] pobierz, plaintext 

[-Gość-]

Mniej wiecej o to, tylko bardziej chodzilo mi gdy jest jakis div o danej klasie w nim jakies inne atrybuty, ale nie klasy, czyli normalne h1,h2 czy wlasnie table. Bo u ciebie jak widze jest klasa w klasie.

[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..