Discussion :

[cortex024]

Bonjour,

j'ai un div dans une page asp.net comme ceci, avec son style défini en css:

Code :

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

<div id="SitePath">

Code :

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

1
2
3
#SitePath {...}
#SitePath a {...}
#SitePath a:hover{..}

Ca fonctionne très bien.

je voudrais cependant dans ce div, forcer un style différent pour un lien.

Il me semblait que si on forçait un style au niveau du contrôle en lui-même, ou que par exemple j'intègre un span dans mon div avec un style différent, le style défini "au plus près" du contrôle prenait effet.

Code :

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

<div id="SitePath">[....]<a style="mon style special"></a></div

Mais je n'arrive à rien avec les 2 méthodes ci-dessus, le style de mon lien reste totalement identique à la classe SitePath et je n'arrive pas à overrider certaines parties de style sur mon lien: incompréhensible

merci de votre aide

[Baldy]

Si tu veux appliquer un style unique à un élément il faut procéder comme ceci :

Code :

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

<a href="#" id="unique">...

Code :

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

#unique{...}

[Quatre_Couleurs]

Lu,

Si le style est statique, tu peux toujours crée une classe pour éviter l'inline

Code :

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

<div id="SitePath">[....]<a classe="ma_classe_speciale"></a></div>

Code :

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

1
2
3
4
.ma_classe_speciale
{
color: red !important; // override
}

[cortex024]

Si tu veux appliquer un style unique à un élément il faut procéder comme ceci :

Code :

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

<a href="#" id="unique">...

Code :

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

#unique{...}

bonjour,

c'est ce que je disais faire et que ca ne marchait pas

Lu,

Si le style est statique, tu peux toujours crée une classe pour éviter l'inline

Code :

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

<div id="SitePath">[....]<a classe="ma_classe_speciale"></a></div>

Code :

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

1
2
3
4
.ma_classe_speciale
{
color: red !important; // override
}

merci, ça fonctionne!
je n'avais jamais entendu parlé de ce "!important" et je ne comprends toujours pas pourquoi l'override de CSS ne marche plus.
j'ai toujours appris que c'était toujours le style "au plus près" qui était appliqué

merci pour ta réponse

[12monkeys]

Bonsoir

Les styles dans l'attribut HTML style ont en effet plus de poids que les styles dans une feuille de style ou dans l'entête du document. C'est donc étrange, mais il aurait fallu nous mettre un peu plus de code pour avoir une bonne vision de ce qui se passe, par exemple les styles appliqués dans la feuille de style et dans l'attribut style...