如何给一个元素定义多个不同的css规则?


方法:

.a{

color:#f00;

}

.b{

background:#eee;

}

.c{

background:#ccc;

}

<div class="a b">测试1</div> <div class="a c">测试2</div>

多个规则之间使用空格分开,并且只有class能同时使用多个规则,id不可以