[CSS] Overerven zonder class-definitie

[Verwijderd]

Een geneste tabel erft bij mij niet de CSS-eigenschappen van de hoofdtabel. Is hier een oplossing voor? (In overweging genomen dat de geneste tabel om technische redenen NIET voorzien KAN worden van een class="style1" of iets dergelijks)

HTML:

<style type="text/css">
<!-- 
body, td { color:blue; }
td.style1 { color:red; }
-->
</style>

<p>Dit is blauw: heel goed!</p>
<table>
<tr>
<td class="style1">Dit is rood: heel goed!</td>
<td class="style1"><table><tr><td>Maar dit is blauw, i.p.v. het gewenste rood! :'(</td></tr></table></td>
</tr>
</table>

[ Voor 15% gewijzigd door een moderator op 27-02-2007 14:56 ]

[BtM909]

Heb je dit fenomeen in alle browsers?

Als je wel je CSS kan aanpassen, dan kan je doen:

Cascading Stylesheet:

dt.style1 table tr td { color: red; }

[Sendy]

In dit simpele geval kan je "td.style1" gewoon vervangen door "td"; maar dat is vast niet wat je wil. Je kan misschien met "inherit" iets doen. Lees eens http://www.w3.org/TR/REC-CSS2/cascade.html

edit:

En wat BtM909 zegt natuurlijk!

[ Voor 10% gewijzigd door Sendy op 27-02-2007 14:58 ]

[Verwijderd]

Cascading Stylesheet:

dt.style1, table, tr, td { color: red; }

Dit lijkt de juiste oplossing te zijn! Thanx!

Let op de extra geplaatste komma's. Zonder die komma's werkt het nl. niet.

[André]

Door het plaatsen van die komma's doe je eigenlijk dit:

Cascading Stylesheet:

dt.style1 { color: red; }
table { color: red; }
tr { color: red; }
td { color: red; }

En dat is niet wat BtM909 bedoelde

[djluc]

(In overweging genomen dat de geneste tabel om technische redenen NIET voorzien KAN worden van een class="style1" of iets dergelijks)

Regelmatig doen we dan in onze webapplicaties met javascript. daar kan je misschien wel iets mee doen?

[glashio]

Dit werkt ook volgens mij met overerven, nogmaals de selector met een astriks ( * )

HTML:

<style type="text/css">
<!-- 
body, td { color:blue; }
td.style1, td.style1 * { color:red; }
-->
</style>

[Verwijderd]

glashio bedankt! dat was 'm helemaal! Die asterisk kende ik helaas zelf niet...

offtopic:
as·te·risk m -en sterretje (*) als verwijzingsteken

[ Voor 32% gewijzigd door Verwijderd op 27-02-2007 16:24 ]