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

Question

我有 1<div>和 3 节课.test1，例如.test2 , .test3。

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

Answer 1

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

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

Answer 2

如果你已经放置了三个不同的类，三个不同的内容，但想应用相同的样式，那么看看这个：示例

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>

另一方面，div从 css 的角度（具体地）参考你所做的

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

...没有空格或逗号。

您还可以为每个类设置不同的属性

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

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