override css dans le html ne marche pas

Bonjour,

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

Code:

---

<div id="SitePath">

---

Code:

---

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:

---

<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 8O

merci de votre aide

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

Code:

---

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

---

Code:

---

#unique{...}

---

Lu,

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

Code:

---

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

---

Code:

---

1 2 3 4

.ma_classe_speciale { color: red !important; // override }

---

Citation:

---

Envoyé par Baldy

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

Code:

---

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

---

Code:

---

#unique{...}

---

---

bonjour,

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

Citation:

---

Envoyé par Quatre_Couleurs

Lu,

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

Code:

---

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

---

Code:

---

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

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