2009-06-25 3 views
3

J'ai essayé et cela a fonctionné dans tous les navigateurs (IE, FF, Chrome, Opera et Safari):La sélection d'un élément qui a une classe spécifique et ID

.classname # id

encore, je peux Ne trouvez pas cela mentionné nulle part sur w3c.org, pouvez-vous me montrer où cela est mentionné? Je veux dire que si cela est supporté par tous ces navigateurs, cela doit faire partie de la norme, n'est-ce pas?

Un grand merci

Répondre

4

Vous pouvez enchaîner les sélecteurs CSS, il est tout comme l'utilisation H1.title où vous enchaînez un sélecteur de type (H1) et un sélecteur de classe (.title). Voir http://www.w3.org/TR/css3-selectors/#selector-syntax

+0

C'est dans la syntaxe css à http://www.w3.org/TR/CSS1/#appendix-b - intéressant, il semble exiger que l'id vient avant la classe (l'une des alternatives pour 'simple_selector' est 'solitary_id class? pseudo_class?', les points d'interrogation signifient que la classe et pseudo_class sont optionnelles). –

+0

Je ne trouve pas cette syntaxe ou un exemple qui a un ID avec une classe chaînée ensemble, donc il semble qu'ils ne mentionnent pas toutes les combinaisons possibles –

+1

Les standards ne listent généralement pas toutes les combinaisons possibles, ce qui entraînerait beaucoup document plus volumineux (dans de nombreux cas, un document infiniment grand). La syntaxe permet cette combinaison et la signification est définie, et cela suffit. –

1

Cela ne sert à rien, il suffit de spécifier l'ID.

#id 

... sauf si vous avez essayé d'être intelligent et utilisé un identifiant pour plus d'un élément.

+3

Il y a une utilisation. Vous pouvez utiliser le même CSS sur plusieurs pages - sur certaines pages, l'élément avec cet identifiant a la classe, sur d'autres pas. –

+1

Droit, n'a pas pensé à cela. Bien que je voudrais enchaîner dans l'autre ordre: # id.class – mbillard

+2

Je vais vous dire pourquoi j'ai besoin de cela. J'utilise un menu suckerfish sur mon site, vous savez que IE6 supporte la pseudo-classe hover uniquement sur les liens, suckerfish ajoute un peu de javascript pour gérer ça pour IE6 (ajoute une classe dans onmouseover et la supprime dans onmouseout), je ' En essayant le style le premier niveau de LIs, j'ai deux liens dans le premier niveau avec chacun des styles différents, aussi chacun ayant des styles différents quand je suis sur, donc je veux quelque chose comme ça: .sfhover # firstmenuitem et .sfhover # secondmenuitem –

Questions connexes