1. TOP>
2. JavaScript Tips>
3. 複数のクラスを合わせ持つ要素にスタイルを適用する

複数のクラスを合わせ持つ要素にスタイルを適用する

BootstrapのCSSを見ていて気付いたのだが、複数のクラスをすべて持つ要素を選択するセレクタがある。すなわち、blueというクラスとredというクラスの両方を持った要素だけにスタイルを適用することができる。その方法は２つのクラスの先頭に.（ピリオド）を付けたものを、間を空けずにつなぐだけである。

/* blueクラスを持ち、かつredクラスも持つ要素にスタイルを適用 */
.blue.red {
	color: purple;
}