Aller au contenu

Syntaxe attributs <A> dans CSS - éléments communs


labarique

Sujets conseillés

Bonjour,

dans mon fichier CSS, j'ai à plusieurs reprises des balises de type ".element1 a:link" et ".element1 a:visited" qui sont les mêmes. Suis-je obligé de détailler à chaque fois leur contenu où pourrais-je faire une balise commune dans mon CSS du type ".element1 a:link a:visited" ?

D'avance, merci.

Modifié par labarique
Lien vers le commentaire
Partager sur d’autres sites

Hello,

Rien de plus simple, il te suffit de séparer les deux sélecteurs par une virgule :

a:link, a:hover {
blabla
}

Seulement je ne suis pas sûr que ça ne soit pas problématique pour les règles d'ordre link-visited-hover-active :nonono:

++

Lien vers le commentaire
Partager sur d’autres sites

a:link, a:visited
{
style: value;
}

vaut mieux éviter les a:link, a:hover. Ce n'est pas très agréable de ne pas avoir de différentiation visuel au survol d'un lien.

Détail: en fessant cela vous modifiez tout vos liens, hors si le but n'est que de modifier certain liens, il faudra de toute façon les cibler soit pas une class qui leur est propre soit une class parent

Lien vers le commentaire
Partager sur d’autres sites

Non, cela ne fonctionne pas.

Si je mets, par exemple :

#entete a:link, a:hover

{blabla}

la propriété blabla n'est pas appliquée..., mon navigateur va chercher la propriété a:hover générale.

Modifié par labarique
Lien vers le commentaire
Partager sur d’autres sites

Dans l'idéal c'est de regrouper au maximum les infos communes

#id a {
font-style: arial, tahoma;
font-size: 0.9em;
}

#id a:link, #id a: visited {
color: #FFCC33;
}

#id a:visited {
font-style: italic;
}
...

Lien vers le commentaire
Partager sur d’autres sites

J'ajouterais qu'il faut aussi respecter l'ordre :

Link - Visited - Hover - Active

pas sûr que ça ne soit pas problématique pour les règles d'ordre link-visited-hover-active :nonono:

Non, ça pose pas de problème...

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...