多次声明相同的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.

它只是一个编码风格和易于维护的问题