28220 sujets

CSS et mise en forme, CSS3

Bonjour,

quelle différence entre :

a.titre1

et

.titre1 a

?
Modifié par Newzic (11 Dec 2005 - 18:31)
Super_baloo8 a écrit :

Salut,

L'un est ecrit correctement, l'autre non

Non. Pas forcément.

L'un s'applique à un <a class="titre1"> et l'autre à tout <a> contenu dans un élément de class="titre1" par exemple <div class="titre1"><a href=""></a></div>.
Modifié par Stephan (11 Dec 2005 - 18:36)
Stephan a écrit :

L'un s'applique à un <a class="titre1"> et l'autre à tout <a> contenu dans un élément de class="titre1" par exemple <div class="titre1"><a href=""></a></div>.


Je comprends pas là : quel interet de creer un style a.titre1 alors qu'il suffirait de créer le style .titre1 et de l'appliquer à la balise <a...> dans la page html. Je bloque en fait sur la page 51 tout en bas, du livre de Raphael. Pour lui, cette écriture a.titre1 affectera tous les liens de la classe .titre1, ce qui veut dire que si j'écrit .titre1 a, le résultat sera le même. Ou alors, je ne comprends pas ce qu'il veut dire.
Administrateur
Newzic a écrit :
ce qui veut dire que si j'écrit .titre1 a, le résultat sera le même.
Non pas du tout.

- .titre1 a désigne l'ensemble des liens (quels qu'ils soient) inclus dans n'importe quel élément de classe "titre1".
Exemple d'élément concerné : <div class="titre1"><a></div>

- a.titre1 désigne l'ensemble des liens de classe "titre1".
Exemple d'élément concerné : <div><a class="titre1"></div>
Exemple d'élément non concerné : <div class="titre1"><a></div>
OK, j'ai compris, c'est tout simplement l'ordre de la hierarchisation qui differe, c'est donc tout bête en fait. Maintenant, j'ai jamais eu de contexte ou j'employais un a.titre1, je m'en suis toujours sorti avec des .titre1 a (pour l'instant du moins...)

Merci, super ton bouquin et vraiment super sympa de pouvoir dialoguer comme ça avec l'auteur.
Modifié par Newzic (11 Dec 2005 - 23:20)
et je rajoutte qu'effectivement j'utilise souvent un id #active que j'applique localement au lien actif de page courante. Ce serait alors le même principe si j'écrivais un style a.active pour ce lien actif. (d'ailleurs a#active j'ai jamais vu)
Modifié par Newzic (11 Dec 2005 - 23:32)
ça y'est je viens d'y etre confronté !!! Forcément, quand on a compris le systeme, on en a besoin pour d'autres choses que pour styler un lien actif !