css plusieurs classe / sélecteurs d'id?

Je voudrais savoir comment écrire un bloc css qui s'applique à plusieurs id ou plusieurs classes:

Quelque chose comme:

.class1, .class2 {
 ...
}

ou

#id1, #id2 {
 ...
}

Je voudrais savoir comment faire les deux cas (qui, espérons-le, seront de la croix-navigateur compatible). Merci.

Mise à jour: Pour le rendre plus intéressant, est-ce valable aussi?

#id tr, #id2 tr {

}

?

  • Vos deux solutions sont correctes....
  • Oh vraiment? Je peux juste séparées par des virgules eux?
  • yep....c'est tout pour elle....
  • Oui, vous pouvez. Visite w3schools pour plus d'informations
  • Pourquoi ne pas l'avoir tester cela?
  • Eh bien, je n'ai pas beaucoup de différentes versions de navigateurs et de variétés à confirmer alors j'ai pensé que je demanderais.
  • consultez la mise à jour de réponse
  • clair maintenant ?

InformationsquelleAutor aeq | 2010-08-11
  1. 27

    Vous cherchez quelque chose comme ceci :

    .oddBoxOut, 
.evenBoxOut {
  width: 12em;
  padding: 0.5em;
  margin: 0.5em;
  border: solid 1px black;
}

.oddBoxOut {
  float: left;
}

.evenBoxOut {
  float: right;
}

    Mise à jour :

    p#exampleID1 { background-color: blue; } 
p#exampleID2 { text-transform: uppercase; }
    • Pour ma mise à jour, j'ai réellement envie de les sélectionner à la fois dans le même bloc: quelque chose comme #id1 tr, #id2 tr {} Est-ce que le droit? Ou doit-il être: tr#id1, tr#id2{} ?
    • selon la notation tr#id1, tr#id2{} est en droit de ne pas essayé #id1 tr, #id2 tr {} ce un
    InformationsquelleAutor Pranay Rana
  2. 1

    Pour votre mise à jour c'est aussi valable,

    #id1 tr {

}

    signifie que chaque enfant de l'id de nœud #id1 seront CSS ed.

    vous pouvez le faire aussi

    tr#id1 {

}

    Seulement tr sera affectée si id == #id1

    InformationsquelleAutor Buhake Sindi