html - 一度に 1 つの div に 3 つのクラスを適用するにはどうすればよいですか?

Question

1 つの div にクラス (.text1 .text2 .text3) を適用しようとしています。

それはどのように可能ですか？

Answer 1

HTML では、次のように記述します。

<div class="text1 text2 text3"></div>

デモンストレーション

Javascript では、次のようにします。

myDiv.className = "text1 text2 text3";

デモンストレーション

Answer 2

css では次のようになります。

.text1.text2.text3 { 
    color: #BADA55;
}

Answer 3

次のセレクターを使用して、3 つのクラスすべてを持つ div をターゲットにすることもできます

.text1.text2.text3 {

}