css override

[japiepatat]

Ik heb een tabel waarin alle cellen een lettergrootte 9px hebben.

dit gaat via
div.content td {
font-size: 9px;
}

nu zou ik graag daaronder
td.alert {
font-size: 11px
}

willen doen. Dat heeft echter geen effect. In de developer toolbar zie ik ook dat IE deze aanpassing doorgestreept heeft. Ik weet dat het wel werkt als ik het rechtstreeks in de HTML verwerk, maar dat doe ik i.v.m. de onderhoudbaarheid liever niet.

Alvast bedankt voor jullie hulp.

J

 

[aelatik]

td .alert is algemeen voor TD's. Wat je daarboven hebt staan is een override.
Ik denk dat het div .content td .alert moet worden.

Echter klopt de CSS zo niet. Wellicht handiger als je je werkelijke code even post.

 

[csshunter]

Denkelijk zonder de spaties, als de td's de class="alert" hebben:

div.content td.alert {
    font-size: 11px;
    }

En nog beter: met lettergroottes in em's i.p.v. in px.

Met vriendelijke groet,
CSShunter