Zwei CSS-Elemente einer Tabelle vereinen ???

[Markus]

Hallo Leute,

Ich habe folgende Tabelle:

<table border="0" cellspacing="0" cellpadding="4" width="130" class="rahmen">
<tr>
<td valign="top" class="rahmen2">
--- Inhalt ---
</td>
</tr>
</table>

und hier die zwei CSS-Elemente:

.rahmen
{
border-style: solid;
border-width: 1px;
border-color: #23335F;
}

.rahmen2
{
border-style: solid;
border-width: 1px;
border-top-color: #FFFFFF;
border-bottom-color: #2A5FA6;
border-left-color: #FFFFFF;
border-right-color: #2A5FA6;
background-color: #7A99C4;
}

So, jetzt würde ich gerne wissen ob man die zwei Elemente in EINER CSS-Definition (.rahmen) vereinen kann und auch dann nur noch das class-Attribut im TABLE-Bereich definieren muss. Allerdings muss das Ergebnis am Ende gleich sein!

VIELEN Dank im vorraus. cu, Markus

[Linksetzer]

http://www.w3.org/TR/REC-CSS2/selector.html#descendant-selectors

[Markus]

http://www.w3.org/TR/REC-CSS2/selector.html#descendant-selectors

Ähh, kannst du mir das bitte auch auf Deutsch erklären (und schön unkompliziert !) ;)

[Sven Rautenberg]

Moin!

http://www.w3.org/TR/REC-CSS2/selector.html#descendant-selectors

Ähh, kannst du mir das bitte auch auf Deutsch erklären (und schön unkompliziert !) ;)

Sowas dachte ich mir. ;)

.rahmen { }

.rahmen TR TD { }

Und dann im TD keine class mehr.

- Sven Rautenberg

[Sebastian Becker]

Hallo,

wie wär's mit:

.rahmen
{
border-style: solid;
border-width: 1px;
border-top-color: #FFFFFF;
border-bottom-color: #2A5FA6;
border-left-color: #FFFFFF;
border-right-color: #2A5FA6;
background-color: #7A99C4;
}

Grüße,

Sebastian