18080 sujets
Bonjour,
Le principe de base est toujours le même : utiliser class ou id (sachant qu'il y a des sélecteurs plus économiques que cela pour certaines situations, mais qu'ils ne sont pas suffisamment implémentés par divers navigateurs).
Par exemple :
- si les liens d'une catégorie sont regroupables dans un même élément ascendant (ici, le menu par exemple) :
- si les deux catégories de liens sont dispersées dans le contenu de la page, on utilise des classes (<a class="category1" href="..."> et <a class="category2" href="...">) et on écrit de la même manière :
Ou toute autre variante de l'une ou l'autre de ces approches. Le tout est de viser correctement (syntaxe correcte des sélecteurs), et de ne pas oublier d'écrire les pseudo-classes nécessaires (:hover, :visited, :active)...
Modifié par Laurent Denis (29 Jan 2006 - 16:35)
Le principe de base est toujours le même : utiliser class ou id (sachant qu'il y a des sélecteurs plus économiques que cela pour certaines situations, mais qu'ils ne sont pas suffisamment implémentés par divers navigateurs).
Par exemple :
- si les liens d'une catégorie sont regroupables dans un même élément ascendant (ici, le menu par exemple) :
a {
... propriétés communes à tous les liens
... et propriétés uniquement pour les liens hors menu...
}
#menu a {
... on annule ou surclasse les propriétés précédentes si nécessaires...
... on peut ajouter d'autres propriétés non utilisées ci-dessus...
}
- si les deux catégories de liens sont dispersées dans le contenu de la page, on utilise des classes (<a class="category1" href="..."> et <a class="category2" href="...">) et on écrit de la même manière :
a {
... propriétés communes à tous les liens
}
a.category1 {
... propriétés uniquement pour les liens de la catégorie 1
... on peut aussi surclasser les propriétés communes
}
a.category2 {
... propriétés uniquement pour les liens de la catégorie 2
... on peut aussi surclasser les propriétés communes
}
Ou toute autre variante de l'une ou l'autre de ces approches. Le tout est de viser correctement (syntaxe correcte des sélecteurs), et de ne pas oublier d'écrire les pseudo-classes nécessaires (:hover, :visited, :active)...
Modifié par Laurent Denis (29 Jan 2006 - 16:35)