[div]priorité, forcer l'application

**snoop** · 24/05/2006, 15h16

Bonjour,

Alors j'ai une feuille HTLM avec ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Kerod** · 24/05/2006, 15h23

dans ce cas pourquoi mettre le div avec le red ??

**Swoög** · 24/05/2006, 15h30

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

prop : value; !important

mais je garanti pas que ça marche...

en plus ça sert à rien de faire ça !

**snoop** · 24/05/2006, 15h31

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...

**snoop** · 24/05/2006, 15h33

Swoög, heu je n'ai pas compris ton exemple ...

**Kerod** · 24/05/2006, 15h34

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

Et pense à l'édition de tes posts !

**Swoög** · 24/05/2006, 15h48

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**snoop** · 24/05/2006, 15h50

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

 <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

**Swoög** · 24/05/2006, 16h03

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é...

**snoop** · 24/05/2006, 16h48

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

[div]priorité, forcer l'application

HTML

Discussions similaires

Partager

Partager