[css] class voor de tabel waarin eigenschappen td zijn gedef

[marty]

Ik ben al even bezig met stylesheets, maar wat ik maar niet kan vinden en waarvan ik me afvraag of het mogelijk is, is om een class voor een tabel zodanig te definiëren dat het ook eigenschappen voor de td bevat. Stel dat je drie grote tabellen op je pagina wil hebben, dan is het zo onhandig om in iedere td naar een class te moeten verwijzen....
dus iets van: (pseudo code)
.hoofdtabel {
td-padding-left: 1px;
td-padding-right: 3px;
}
.linker_tabel {
td-padding-left: 10px;
td-padding-right: 10px;
}
en dan
<table class="hoofdtabel">
<tr>
<td>bla</td>
etc.
<table class="linker_tabel">
<tr>
<td>bla</td>
etc.

[RM-rf]

code:

.linker_tabel TD:first-child {}

brengt je al op de eerste TD

mogelijk kan je via

code:

.linker_tabel TD + TD {}

de andere benaderen (alle andere TD die direct op een TD volgen)

maar dat is allemaal CSS2 en ondersteuning in msie is daarvoor minimaal

[Willem]

of gewoon

.hoofdtabel,
.linkertabel {
/* ... */
}

[ Voor 7% gewijzigd door Willem op 01-04-2003 15:22 ]

[marty]

willem169 schreef op 01 April 2003 @ 15:22:
of gewoon

.hoofdtabel,
.linkertabel {
/* ... */
}

Ik snap even niet hoe dat een oplossing voor mijn probleem biedt
Misschien dat ik het niet goed heb omschreven. Ik wil dus 3 classes kunnen definieren voor 3 verschillende tabellen, die voor 3 verschillende opmaken op <td> niveau zorgen. Bijvoorbeeld de padding in de <td>s van de hoofdtabel moeten dan verschillen van die van de linkertabel, maar zonder dat ik in alle <td>s een class moet toevoegen (en het dus gewoon vanuit de class van de tabel geregeld wordt)

[Verwijderd]

verander je CSS in bijvoorbeeld

.hoofdTab TD {
border: 1px solid #000;
padding: 1.5em;
color: #FF0000
}

.subTab TD{
padding-left: 2em;
padding-right: 2.5 em;
}

in je html hoef je alleen bij de tabel aan te geven onder welke class hij valt

[Willem]

Je kunt een style opgeven voor meerdere classes, maar ook voor meerdere elementen. Dat probeerde ik te zeggen. Het voorbeeld wat raido7 geeft komt hier meer bij in de buurt.

[marty]

cool dat zocht ik!
ga er gelijk mee aan de slag. thnx