[div]priorité, forcer l'application

Version imprimable

24/05/2006, 15h16
snoop

[div]priorité, forcer l'application
Bonjour,

Alors j'ai une feuille HTLM avec ceci :
Code:

1 2 3 4 5 6 <div style="color=navy;font-size=20pt;"> <div style="color=red;font-size=10pt;font-weight:Bold;"> TEXTE </div> </div>
Du texte compris entre des balises div. A l'affichage, TEXTE a la couleur red car c'est le div au-dessus de lui qui s'applique.
Ma question est la suivante : y-a-t-il un moyen pour forcer à ce que ce soit le 1er div qui s'applique ?
Merci
24/05/2006, 15h23
Kerod

dans ce cas pourquoi mettre le div avec le red ??
24/05/2006, 15h30
Swoög
forcer le div du dessus implique de casser la cascade des styles...

ça demande une feuille de style, (il ne me semble pas que ce soit possible avec l'attribut style car il est inline)

enfin, si ça marche avec, essaie :
Code:

1 2 3 4 5 <div style="color=navy; !important font-size=20pt;"> <div style="color=red;font-size=10pt;font-weight:Bold;"> TEXTE </div> </div>
sinon, la syntaxe, c'est :

Code:

prop : value; !important

mais je garanti pas que ça marche...

en plus ça sert à rien de faire ça !
24/05/2006, 15h31
snoop

Ce résultat est le fait d'une surcharge faite dans une application...Donc, je ne veux pas avoir de retour sur la qualité ou le pourquoi du comment du code mais sur la faisabilité de ce que je veux faire...
24/05/2006, 15h33
snoop

Swoög, heu je n'ai pas compris ton exemple ...:mrgreen:
24/05/2006, 15h34
Kerod

Dans ce cas teste le code de Swoog sinon si ca marche pas c'est infaisable

Et pense à l'édition de tes posts !;)

Code:

1 2 3 4 5 6 7 8 9 10 11 <style type="text/css" .navy_imp { color : navy; !important } </style> <div style="color=navy;font-size=20pt;" class="navy_imp"> <div style="color=red;font-size=10pt;font-weight:Bold;"> TEXTE </div> </div>
mais encore une fois, je ne suis pas sûr que ça fonctionne... il me semble que les attributs style ont la priorité sur tous les CSS Webmasters, même ceux marqués important

Bon alors, j'ai testé...
Le code suivant marche :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <html> <head> </head> <style type="text/css"> div{ color:navy !important; font-size:20pt !important; } </style> <body> <div> <div style="color:red;font-size:10pt;font-weight:Bold;"> TEXTE </div> </div> </body> </html>
Mais si on met !important dans

Code:

<div style="color=navy; !important font-size=20pt;">

ça ne marche pas...

C'est pratique mais ça ne va pas pouvoir me servir dans mon cas. J'aurai au moins appris quelque chose !
Merci

24/05/2006, 16h03
Swoög

si ça marche pas avec l'attribut style et que le coup de la feuille de style te convient pas... y'a pas d'autre moyen désolé...
24/05/2006, 16h48
snoop

Merci en tout cas pour la rapidité de réponse !