28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'aimerai faire ceci :
.titre_menu_strict_coul{
font-family : Arial, Helvetica, sans-serif
text-shadow : 8px 8px 12px #aaa;
font-size : 11pt;
width : 150px;
color : #da26d4;
a:link {color:#FF0000;}
a:visited {color:#00FF00;}
a:hover {color:#FF00FF;}
a:active {color:#0000FF;}
}


Mais je ne comprend pas comment ca fonctionne avec les liens.
LA couleur texte n'est pas appliqué car le lien est pris en compte.
Mais je n'arrive pas ajouter le modification de la couleur du lien dans une class de style.

Bonne journée
Le problème est que les sélecteurs CSS ne s'imbriquent pas. Tu as écrit cela:


.titre_menu_strict_coul{
    font-family : Arial, Helvetica, sans-serif
    text-shadow : 8px 8px 12px #aaa;
    font-size : 11pt;
    width : 150px;
    color : #da26d4;
    
    a:link {
        color:#FF0000;
    }
    a:visited {
        color:#00FF00;
    }
    a:hover {
        color:#FF00FF;
    }
    a:active {
        color:#0000FF;
    }
}


Alors qu'en CSS il faudrait écrire:


.titre_menu_strict_coul{
    font-family : Arial, Helvetica, sans-serif
    text-shadow : 8px 8px 12px #aaa;
    font-size : 11pt;
    width : 150px;
    color : #da26d4;
}
.titre_menu_strict_coul a:link {
    color:#FF0000;
}
.titre_menu_strict_coul a:visited {
    color:#00FF00;
}
.titre_menu_strict_coul a:hover {
    color:#FF00FF;
}
.titre_menu_strict_coul a:active {
    color:#0000FF;
}


L'imbrication des sélecteurs CSS n'est utilisé que par des préprocesseurs CSS comme SASS, LESS ou PCSS. (mais comme tu semble débuter en CSS, je ne te conseille pas de t'y lancer immédiatement, ça apportera plus de mal que de bien)