Définition lien dans css

[haderach]

Bonjour,

J'ai définit plusieurs styles de paragraphes dans un fichier css.

J'ai en gros
.paragraphe1{
background-color: lacouleur;
font-size:16px;
color:une autre couleur;
etc...
}

.paragraphe2{
background-color: lacouleur;
font-size:16px;
color:une autre couleur;
etc...
}

Je souhaite définir des couleurs de liens différentes selon le paragraphe.
par exemple les liens du paragraphe 1 en jaune et les liens du paragraphes 2 en rouge.

Une idée?

 

[Kmacleod]

Faire une class differente par liens

a.couleur1 {color : #32475f; text-decoration : none;}
a.couleur1:hover {color : #336699; text-decoration : none;}

a.couleur2 {color : #0040f; text-decoration : none;}
a.couleur2:hover {color : #000099; text-decoration : none;}

mais je pense que plus simple en deffinissant les couleurs des liens dans les class de paragraphe, comme tu l'as fait pour background-color

Dans ton exemple tu aurais du mettre
.paragraphe1 {
background-color: lacouleur1
}

.paragraphe2 {
background-color: lacouleur2
}

 

[haderach]

Ok,

Mais quel est la syntaxe de définition d'un lien dans un paragraphe?
.paragraphe1 {
background-color: lacouleur1 ;
a:définition couleur;
}

ou la ligne background-color: lacouleur1 suffit?

 

[TrashBox]

Le plus simple serait ça :

.paragraphe1 {
background-color: lacouleur1 ;
}
.paragraphe1 a {
propriété des liens du paragraphe 1
}
.paragraphe1 a:hover {
...
}

 

[haderach]

C'est ok.

MERCI!! :wink: