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

Update:

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

Answer 2

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

#id1 tr { 

} 

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

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

tr#id1 { 

} 

только tr будут затронуты, если идентификатор == #id1