Hi all,
ik heb een vraagje over CSS:
ik wil 2 verschillende styles doen bij tabellen, zonder dat ik bij elke tr en td class="zonder" in hoef te vullen.. iemand een idee hoe dit kan zonder die classes?
Ja, zo:

table.stijl1 {
    border: 1px solid black;
}
table.stijl1 tr {
    background: #eee;
}
table.stijl1 td {
    border: 1px solid red;
}
table.stijl2 {
    border: 1px solid blue;
}
table.stijl2 tr {
    background: #ddd;
}
table.stijl2 td {
    border: 1px solid green;
}

Als je nu in je HTML dit doet:

<table class="stijl1">
// hier je tr's en td's
</table>
<table class="stijl2">
// hier je tr's en td's
</table>

Uitleg: in plaats van alle tr's en td's een class te geven, geven je de tabel waar ze in zitten een class. Met de child-selector (de spatie) in de CSS zorg je dan dat alle kinderen (tr en td) van de tabel met die class een bepaalde style krijgen.
dank u

Reageren