Я хотел бы знать, как написать блок CSS, который применяется либо к нескольким идентификаторам , либо к нескольким классам :
Что-то вроде:
.class1, .class2 {
...
}
или
#id1, #id2 {
...
}
Я хотел бы знать, как выполнить оба случая (которые, надеюсь, совместимы с кроссбраузерностью). Спасибо.
Обновление: Чтобы было интереснее, это тоже верно?
#id tr, #id2 tr {
}
?
Вы ищете что-то вроде этого:
.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; }
Для вашего обновления это также верно,
#id1 tr {
}
означает, что каждые дочерний элемент узла с идентификатором # id1 будет привязан к CSS.
вы тоже можете это сделать
tr#id1 {
}
Только tr
будет затронут, если id == # id1