Nested CSS Problème

je le code suivant:Nested CSS Problème

<table class="top"> 
<tr> 

    <td> 
    <table class="errMsg"><tr><td>Required field must not be blank </td></tr></table> 
<td/> 
<tr/> 
</table>

Je suis en train de style au message d'erreur, mais le style "top" continue de l'application:

.top td { 
color:black; 

} 

.errmsg td { 
color:red; 
}

Le message d'erreur est en noir ...Comment puis-je réparer cela? Je ne sais pas si cela compte, mais quand je sors la dtd, ça fonctionne bien, mais cela gâche le positionnement.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Source

2010-07-29 DD.

'' et '' devrait être '' et ''. –

Les noms de classe sont sensibles à la casse, donc errmsg n'est pas la même que errMsg. Remplacez <table class="errMsg"> par <table class="errmsg">.

Source

2010-07-29 19:48:58

+1. Bonne prise. – NotMe

J'utiliserais un doctype strict ou transitoire. Le doctype xhtml n'est pas très bien supporté et je crois comprendre que ça va fondamentalement disparaître.

pour une utilisation stricte:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

pour une utilisation transitoire:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

J'utilise presque toujours stricte car il offre le meilleur support du navigateur. Généralement, il n'y a que quelques styles mineurs que je dois définir pour corriger certaines marges sur certaines balises.

En outre, il est important de noter que lorsque vous supprimez complètement la ligne doctype, tous les navigateurs reviennent en mode quirks, ce qui est rarement une bonne chose. W3.org a un list of valid doctypes que vous pourriez vouloir étudier.

Source

2010-07-29 19:46:34 NotMe

Toujours le même problème ... le style "top" est toujours appliqué –

Voir la réponse de Gert G; il a attrapé l'erreur réelle. Je recommande quand même strict pour des raisons de compatibilité. – NotMe

Nested CSS Problème

Répondre

Questions connexes