@wai_ya.com

復数のクラスを全て含む場合のCSS指定

2014.08.13 | Cats : CSS, HTML

たとえば、

<div class="hoge1">
 あばばばば
</div>

<div class="hoge1 hoge2">
 ひでぶぶぶ
</div>

<div class="hoge2">
 うひゃひゃひゃひゃ
</div>

こんなコードがあって、ひでぶぶぶ部分だけ色変えたいとかあるとします。
その場合は、

.hoge1 {
 background-color: #FF0;
}
.hoge2 {
 background-color: #0FF;
}
.hoge1.hoge2{
 background-color: #F00;
}

みたいに、.クラス.クラスみたいな書き方で両方含む場合にだけCSSを適応させることができるようです。

使用例

 あばばばば
 ひでぶぶぶ
 うひゃひゃひゃひゃ

 

 

コメントを残す