web-dev-qa-db-ja.com

CSS複数のクラス/ IDセレクター？

複数のidsまたは複数のclassesのいずれかに適用されるcssブロックの作成方法を知りたい：

何かのようなもの：

.class1, .class2 {
 ...
}

または

#id1, #id2 {
 ...
}

私は両方のケースを実行する方法を知りたいです（うまくいけばクロスブラウザに準拠しています）。ありがとう。

pdate：もっと面白くするために、これも有効ですか？

#id tr, #id2 tr {

}

？

csscss-selectors
26
aeq

あなたはこのようなものを探しています：

.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; }
27
Pranay Rana

pdateの場合も有効です。

#id1 tr {

}

つまり、ノードID＃id1の子はすべてCSS化されます。

あなたもこれを行うことができます

tr#id1 {

}

Id == #id1の場合、trのみが影響を受けます

1
Buhake Sindi