css plusieurs sélecteurs de classe / id?

Question

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

Quelque chose comme:

.class1, .class2 {
 ...
}

ou

#id1, #id2 {
 ...
}

Je voudrais savoir comment faire les deux cas (qui, espérons-le, sont compatibles avec plusieurs navigateurs). Merci.

pdate: Pour le rendre plus intéressant, est-ce aussi valable?

#id tr, #id2 tr {

}

?

Answer 1

Vous cherchez quelque chose comme ça:

.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; }

Answer 2

Pour votre mise à jour il est également valide,

#id1 tr {

}

signifie que chaque enfant de l'identifiant du nœud # id1 sera CSS.

vous pouvez le faire aussi

tr#id1 {

} 

Seul tr sera affecté si id == #id1