-3

、、のような3つ<div>のクラスがあります。.test1.test2.test3

一度に1つのdivに対してコード3クラスを作成するにはどうすればよいですか?

4

4 に答える 4

3
<div class="test1 test2 test3"></div>

私が理解していることから、これはあなたが望むもののようです。

于 2013-01-11T07:35:36.107 に答える
1

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の答えが別のオプションです。

申し訳ありませんが、メイトですが、あなたの質問を完全に理解することができませんでした。

于 2013-01-11T07:39:42.427 に答える
1
   .test1{
    font-weight:bold;
    }   

   .test2{
    font-size:26px;
   }

   .test3{
    text-decoration:underline;
   }

 <div class="test1 test2 test3">Text</div>

http://jsfiddle.net/nqRdM/1/

于 2013-01-11T07:47:01.943 に答える
1

以前のコメントと回答を補完するために:

HTMLの観点から、これらの3つのクラスを一度に1つに追加できdivます

<div class="test1 test2 test3"></div>

一方、divCSSの観点から(具体的に)参照するには、あなたが行う

div.test1.test2.test3 {
 /* css properties here */
}

... スペースやコンマはありません。

クラスごとに異なるプロパティを持つこともできます

.test1 {  font-size: 12px; } 
.test2 {  color: red; } 
.test3 {  background-color: blue; }

...そして、それらのプロパティがそれに適用されますdiv

于 2013-01-11T07:47:42.913 に答える