CSS plusieurs sélecteurs de classe / id?

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

Quelque Chose comme:

.class1, .class2 {
 ...
}

Ou

#id1, #id2 {
 ...
}

J'aimerais savoir comment faire les deux cas (qui, espérons-le, sont compatibles avec les navigateurs croisés). Grâce.

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

#id tr, #id2 tr {

}

?

22
demandé sur Buhake Sindi 2010-08-11 16:25:29

2 réponses

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; }
25
répondu Pranay Rana 2010-08-11 12:35:14

Votre mise à jour, il est aussi valable,

#id1 tr {

}

Signifie que chaque Enfant de node id # id1 sera CSS'ed.

, Vous pouvez le faire aussi

tr#id1 {

}

Seul tr sera affecté si id == #id1

1
répondu Buhake Sindi 2015-04-29 20:30:52