Aller au contenu

Sujets conseillés

Posté (modifié)

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
Posté

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:

++

Posté

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

Posté (modifié)

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
Posté

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

Posté

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

Posté

Merci pour vos réponses. Effectivement, cela permet de garder le code beaucoup plus propre.

Comme vous êtes si sympathiques, j'ai posé une nouvelle question...

Posté
Comme vous êtes si sympathiques, j'ai posé une nouvelle question...

:P j'espère bien ;)

Veuillez vous connecter pour commenter

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



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