提取bootstrap css样式_html/css_WEB-ITnose-html教程-PHP中文网

提取bootstrap css样式_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 11:54:32

原创

1562人浏览过

这是jsp代码一部分

<th class="col-sm-1">                                        <div class="col-sm-10 form-group">                                            <label class="col-sm-3 control-label no-padding-right"                                                   for="form-field-1" style="font-size: x-small">                                                 </label>                                            <select class="col-sm-7" id="form-field-1" ng-model="select1"                                                    ng-options="m.codename for m in inscom">                                                <option value="">.</option>                                            </select>                                        </div>                                    </th>

登录后复制

像这里面都包含了很多bootstrap的css class类选择器，col-sm-1、col-sm-10 form-group等等
现在我想把这些class提取出来放在一个class里面，比如下面的形式：

<th class="th">                                        <div>                                            <label                                                   for="form-field-1" style="font-size: x-small">                                                 </label>                                            <select  id="form-field-1" ng-model="select1"                                                    ng-options="m.codename for m in inscom">                                                <option value="">.</option>                                            </select>                                        </div>                                    </th>

登录后复制

就是提取公共的class，我只要引入一个class就可以了，不知道能不能实现？？？？

壁纸样机神器

免费壁纸样机生成

查看详情

回复讨论(解决方案)

你想把col-sm-1、col-sm-10 form-group等等合并在一起，可以实现，不过非常麻烦。除非你所有代码就你所截图的。
因为col-sm-1、col-sm-10 form-group这些类在同个页面其他部分、其他页面都有公用，如果把col-sm-1、col-sm-10 form-group合并成th，只是合并你所截图出来的这部分，否则用到col-sm-1、col-sm-10 form-group的其他部分就会乱了样式。

那假设只合并上面的部分是怎么合并呢？？

比如：class="col-sm-3 control-label no-padding-right"
你需要把这几个样式合并到一个中就可以了，去掉重复项，但不建议这么做，之所以分开写，就是为了整个站点写样式时以免重复，且方便控制。