Question

我有一个<div>，还有3个类，如.test1，.test2，.test3。

我们如何一次为一个div编写代码3个类？

Answer 1

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

据我了解，这似乎是你想要的。

Answer 2

如果您已经将三个不同的类放入三个不同的内容但想要应用相同的样式，那么请看一下：Example

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，那么woutr_be的答案是另一种选择。

抱歉，交配但完全无法理解你的问题。

Answer 3

   .test1{
    font-weight:bold;
    }   

   .test2{
    font-size:26px;
   }

   .test3{
    text-decoration:underline;
   }

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

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

Answer 4

只是为了补充以前的评论并回答：

从html的角度来看，你可以一次将这三个类添加到一个div

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

另一方面，从css的角度来看（具有特异性）div

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

......没有空格或逗号。

您还可以为每个班级提供不同的属性

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

...并且这些属性将应用于div

我们如何一次为一个div编写代码3个类？

4 个答案: