Discussion :

[nicerico]

Bonjour,

comment inhériter un div et tout son contenu afin que celui ci ne soit pas impacté par la feuille de style de la page où il se trouve ?

en détail :
j'inclus du code (un div avec un formulaire ...) dans un site wordpress
mon code ne doit pas dépendre d'une feuille de style css
helas c'est le cas et ça casse tout mon div

comment faire pour que mon div ne dependent pas de la feuille css ?

Merci de votre aide

[sk8matt]

Bonjour,

Pour cela il te suffit de créer une classe CSS particulière pour ton div et l'ajouter sur ton site.

Par exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<div >
a
<div class='son' >
b
</div>
</div>
 
<style>
div {color:blue;}
div.son {color:red;}
</style>

[nicerico]

Helas je ne peux pas agir sur la feuille css
il faudrait que je puisse le faire directement dans mon div (avec table)

c par exemple ça dans la feuille de style qui me pose probleme :

Code :

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

1
2
3
4
td {
    border-top: 1px solid #EDEDED;
    padding: 6px 10px 6px 0;
}

[sk8matt]

Comme ceci ! Cela ne t'es pas possible ?

Code :

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

1
2
3
4
5
6
7
 
<div >
a
<div style="color:red" >
b
</div>
</div>

[laurentSc]

Oui, et si tu ne souhaites pas faire du CSS in-line, tu peux mettre le style dans la partie head du code (voire - ce n'est pas très propre mais ça marche- dans le body).
Donc ce code-là :

Code css :

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

1
2
3
4
<style>
div {color:blue;}
div.son {color:red;}
</style>

tu le mets dans le head ou le body.

[papajoker]

en fait tu crées un style a toi (monstyle), comme cela il n'y a que ton code html qui est modifié

Code :

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

1
2
3
4
5
6
<style>
.monstyle td {
    border-top: 0px solid #f00;
    padding: 0;
}
</style>

Code :

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

1
2
3
4
5
<span class="monstyle">
...
<td>xxx</td>
...
</span>