Hallo, ich habe ein dickes Problem mit den Selektorregeln bei CSS.
Beispiel:
Ich möchte eine Tabelle mit der Klasse "cpres" stylen.
Dazu sollen gleichzeitig auch die th- und td-Elemente gestylt werden.
table.cpres {
border: 0;
margin: 0px;
padding: 0px;
}
table.cpres > th, table.cpres > td {
border: #aa5a5a 1px solid;
background: #edbda5;
padding 4px;
}
table.cpres > td {
background: #ffebe1;
}
Wenn ich jetzt den HTML-Code so aufbaue,
<table class="cpres">
<tr><th>Hallo</th></tr>
<tr><td>Welt!</td></tr>
</table>
werden die Zellen einfach nicht gestylt.
Wenn ich diese > weglasse, so stylte er aber JEDE Tabellenzelle,
egal ob diese im Elternelement table.cpres ist oder nicht!
Und das darf eben nicht passieren!!
Wie muss ich das nun in CSS bewekstelligen?
Vielen Dank für Eure Hilfe!
lg