、、のような3つ<div>
のクラスがあります。.test1
.test2
.test3
一度に1つのdivに対してコード3クラスを作成するにはどうすればよいですか?
<div class="test1 test2 test3"></div>
私が理解していることから、これはあなたが望むもののようです。
3つの異なるコンテンツを持つ3つの異なるクラスを配置したが、同じスタイルを適用したい場合は、これを見てください。例
HTML:
<div class="test1">
Hey
</div>
<div class="test2">
Heyy
</div>
<div class="test3">
Heyyy
</div>
CSS:
.test1, .test2, .test3 {
font: 20px;
color: red;
font-weight: bold;
}
または、divに3つのクラスを適用するような他の何かが必要な場合は、woutr_beの答えが別のオプションです。
申し訳ありませんが、メイトですが、あなたの質問を完全に理解することができませんでした。
.test1{
font-weight:bold;
}
.test2{
font-size:26px;
}
.test3{
text-decoration:underline;
}
<div class="test1 test2 test3">Text</div>
以前のコメントと回答を補完するために:
HTMLの観点から、これらの3つのクラスを一度に1つに追加できdiv
ます
<div class="test1 test2 test3"></div>
一方、div
CSSの観点から(具体的に)参照するには、あなたが行う
div.test1.test2.test3 {
/* css properties here */
}
... スペースやコンマはありません。
クラスごとに異なるプロパティを持つこともできます
.test1 { font-size: 12px; }
.test2 { color: red; }
.test3 { background-color: blue; }
...そして、それらのプロパティがそれに適用されますdiv