css - 多次声明相同的CSS类

Question

<div class="big_box">haha</div>
<div class="small_box">haha</div>

这个（类型1）似乎可行：

.big_box, .small_box { border:1px solid #ccc; /* lengthy attributes*/}
.big_box { width:150px; height:150px; }
.small_box { height:140px; width:140px; }

此（类型2）也适用：

.big_box { border:1px solid #ccc; width:150px; height:150px; /* same lengthy attributes*/}
.small_box { border:1px solid #ccc; width:150px; height:150px; /* same lengthy attributes* }

当然，类型2很长，并且对于大多数常见属性（具有相同的值）重复出现，
使用类型1有什么问题吗？
（或者只是允许这样做？）

PS 3类型也可以（但是我发现很难管理）...如果

 <div class="box big">haha</div>

和

.box { border:1px solid #ccc; /* lengthy attributes*/}
.big { width:150px; height:150px;}

Answer 1

当声明多个类（其中一些共享相同的属性，而另一些拥有自己的唯一属性）时，类型1实际上实际上是非常常见的。类型2有点维护，而类型3与类型1类似。

一切都可以，只取决于编码风格和易于维护