4 つのクラスを持つ要素があります。これらのクラスのうち 2 つに基づいて選択したいのですが、作成した CSS ルールがブラウザーに適用されません。
のように見えます
.one.two {
...
}
4 つのクラスを持つ要素があります。これらのクラスのうち 2 つに基づいて選択したいのですが、作成した CSS ルールがブラウザーに適用されません。
のように見えます
.one.two {
...
}
必要なもののサンプル HTML/CSS は次のとおりです。
<!DOCTYPE>
<html>
<head>
<style>
.c1.c2 {
background-color: #FFBBBB;
}
</style>
</head>
<body>
<div class="c1 c2 c3">c1 c2 c3</div>
<div class="c2">c2</div>
<div class="c1">c1</div>
<div class="c1 c2">c1 c2</div>
</body>
</html>
Internet Explorer 8、Firefox 15、Chrome 21 で動作しています。
最初と最後の div だけが赤い背景を取得します。これは、c1 と c2 クラスだけがあるためです ...