css несколько селекторов классов / идентификаторов?

Question

Я хотел бы знать, как написать блок CSS, который применяется к нескольким идентификаторам или нескольким классам :

Что-то вроде:

.class1, .class2 {
 ...
}

или

#id1, #id2 {
 ...
}

Я хотел бы знать, как сделать оба случая (которые, мы надеемся, являются кросс-браузерными).Спасибо.

Обновление: Чтобы сделать его более интересным, это также верно?

#id tr, #id2 tr {

}

?

Answer 1

Вы ищете что-то вроде этого:

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

.oddBoxOut {
  float: left;
}

.evenBoxOut {
  float: right;
}

Обновление:

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

Answer 2

Для вашего обновления это также допустимо,

#id1 tr {

}

означает, что каждый дочерний элемент идентификатора узла # id1 будет CSS'ed.

вы можете сделать это тоже

tr#id1 {

} 

Будет затронуто только tr, если id == #id1