Bonjour!

Bon, en fait c'est une question un peu spéciale comme ce n'est pas au niveau d'un bug ou quoi que ce soit, c'est une question que j'ai eu dans mon cours CSS et que je ne me sens pas assez certaine de mon affaire pour y répondre, c'est pourquoi j'adresse la question à des codeurs plus expérimentés.

Alors voilà, je leurs expliquaient comment faire pour les liens et leurs expliqués les pseudo-formats en CSS, donc ceci:

Code:

a.class:hover {}
a.class:visited {}
ainsi de suite

Une des élèves m'a dit qu'elle avait lu quelque part que si on écrit les liens de cette façon:

Code:

.class a{}

... les navigateurs l'interprètent mieux.

Alors, votre avis. Quelle façon est la meilleure? Comment on utilise les pseudo-formats avec cette façon? Avantages/désavantages?

Merci!

Ouais jcrois ça aussi. On verra bien si quelqu'un saura contre-dire!

C'est surtout parce que a .class et .class a, ce sont deux choses totalement différentes ^^'

a.maclasse c'est pour les liens du genre <*a class="maclasse" ...>truc<*/a>
.maclasse a c'est plutôt dans un cas <*div class="maclasse"><*a ...>truc<*/a><*/div>

Forcément, les navigateurs "interprètent mieux" une classe quand elle est correctement utilisée XD

Accessoirement, ceci est une question de hiérarchie des classes et n'a techniquement rien à voir avec les pseudo-classes.

Citation :

Moi je dis le moment que ça fonctionne...

La mentalité "on s'en fout tant que ça fonctionne" est indigne d'un codeur qui se respecte è_é

Aaah d'accord je comprends! Merci infiniment ^^

Mais quand tu dis que ça n'a rien à voir avec les pseudo-classes, ça veut dire qu'on ne peut pas mettre un :hover ou :visited ou rien dans le cas ou on a la 2e situation?

Mais si ! Je veux dire qu'il ne faut pas mélanger hiérarchie CSS et pseudo-classes. Il y a la hiérarchie *pose un panneau 'hiérarchie'*, et il y a les pseudo-classes *pose un panneau 'pseudo-classe'*

Ce sont deux choses différentes à faire comprendre, une fois que tes élèves auront compris l'un et l'autre concept, ils pourront les mettre en application sans faire des mélanges bizarres.

Donc selon les cas et selon ce qu'on veut, ça sera donc :

Code:

selecteur1:pseudo-classe selecteur2 { }

ou

Code:

selecteur1 selecteur2:pseudo-classe {}

En fait, ce qui me perturbe, c'est que si je suis bien ton raisonnement, tu mets d'emblée deux sélecteurs dans ton explication des pseudos classes, je crois que tu vas embrouiller ton public. Une pseudo classe, ça s'utilise comme ça : selecteur:pseudo-classe (a:hover, si tu veux), pas besoin de chercher plus compliqué O.o

(Sélecteur : une classe - préfixée d'un point - , un tag html, un identificateur - préfixé d'un dièse -)

Ouais pour l'id et class je le savais, mais jcrois que t'a raison, comme j'ai fait les 2 du coup dans mon cours ça peu être un peu mélangeant. Hmm.

Ok, donc merci infiniment d'avoir tout clairsifié, finalement c'était plutôt logique faut simplement le savoir Je vais leurs envoyer le lien vers ici par mp je crois qu'ils seront en mesure de mieux comprendre s'ils le lisent directement.

Donc c'est résolu! Merci encore