nuevos - css selectores de clase/id múltiples?

selector padre css

Question

Me gustaría saber cómo escribir un bloque css que se aplique a múltiples ID o varias clases :

Algo como:

.class1, .class2 {
 ...
}

o

#id1, #id2 {
 ...
}

Me gustaría saber cómo hacer ambos casos (los cuales, con suerte, son compatibles con todos los navegadores). Gracias.

Actualización: Para hacerlo más interesante, ¿esto también es válido?

#id tr, #id2 tr {

}

?

Answer 1

Estás buscando algo como esto:

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

.oddBoxOut {
  float: left;
}

.evenBoxOut {
  float: right;
}

Actualización:

p#exampleID1 { background-color: blue; } 
p#exampleID2 { text-transform: uppercase; }

Answer 2

Para su actualización también es válido,

#id1 tr {

}

significa que todos los hijos de id de nodo # id1 serán CSS''ed.

tu puedes hacer esto tambien

tr#id1 {

} 

Solo tr se verá afectado si id == #id1