[resolu] Probleme d'heritage des CSS

Probleme d'heritage des CSS [resolu] - HTML/CSS - Programmation

Marsh Posté le 14-05-2010 à 15:44:26    

Bonjour,  
 
J'ai un fichier CSS qui regroupe toutes les CSS de mon site. J'ai un petit soucis avec les styles de mes liens.
 
Mon menu, avec la class .sidebarmenu :

Code :
  1. .sidebarmenu ul li a{
  2. display: block;
  3. overflow: auto;
  4. color: white;
  5. text-decoration: none;
  6. padding: 6px;
  7. border-bottom: 1px solid #D3D3D3;
  8. border-right: 1px solid #D3D3D3;
  9. }


A cote de ca, j'ai mes autres liens qui doivent avoir un autre style :

Code :
  1. .content a:link, a:visited, a:hover, a  {
  2. color: #104E8B;
  3. font-size: 16px;
  4. font-family: arial;
  5. font-weight: bold;
  6. }


Mon probleme est que mon menu prend en compte certains parametres des css pour mes liens, comme la taille du texte. Je ne comprends pas comment cela est possible vu que je precise bien a mon fichier CSS que ca ne concerne que les liens dans mon bloc DIV avec la class .content
 
Que faut il modifier pour que les styles de mes liens soient independants ?


Message édité par shooker le 14-05-2010 à 16:38:16
Reply

Marsh Posté le 14-05-2010 à 15:44:26   

Reply

Marsh Posté le 14-05-2010 à 16:23:18    

1. Chosir un nom aussi banal que "content" n'est pas conseillé car il peut y avoir une interférence avec un mot réservé et car cela ne donne pas beaucoup d'informations.
 
2. Ne faudrait -il pas indiquer :

a.content:link, a.content:visited, a.content:hover, a.content {

Reply

Marsh Posté le 14-05-2010 à 16:32:39    

Ou plutôt

Code :
  1. .content a:link, .content a:visited, .content a:hover, .content a  {


si le .content est un div.

Reply

Marsh Posté le 14-05-2010 à 16:35:15    

Merci pour votre aide. J'ai change le nom de ma class et essaye la nouvelle syntaxe mais j'ai toujours le meme probleme.
 
J'ai egalement change ma class en id, ca n'a rien changer non plus.

Reply

Marsh Posté le 14-05-2010 à 16:38:00    

Ca fonctionne avec la syntaxe de Paulp !
 
Merci a vous 2 :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed