Question

我想知道如何编写适用于多个 ids 或多个类的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 {

}

表示节点ID ＃id1 的每个子都将为CSS。

你也可以这样做

tr#id1 {

}

如果id == tr

，则只有#id1会受到影响

css多个类/ id选择器？

2 个答案: