我有200多个具有相同类别的div。正如您所看到的，这会使页面大小变大。有没有办法声明一个具有相同css属性的类？
示例：
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 p-b-xs panel-body text-center bg-warning-lighter b-rad-md p-t-10 p-b-10 image-responsive-width big-class-name1 big-class-name2">
<p>some text</p>
<div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 p-b-xs panel-body text-center bg-warning-lighter b-rad-md p-t-10 p-b-10 image-responsive-width big-class-name1 big-class-name2">
<p>another text</p>
<div>
像这样的100个div这样的
我希望div看起来像这样
<div class="cx12 cs6 cm6 cl6 pbx pbd text-center bgwl brm pt10 pb10 irw bcn1 bcn2">
<div>
我们可以通过css或js声明类cx12 = col-xs-12，pbd = panel-body，irw = image-responsive-width，bcn1 = big-class-name1，bcn2 = big-class-name2