欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

提取bootstrap css样式_html/css_WEB-ITnose

程序员文章站 2022-05-22 12:19:38
...
这是jsp代码一部分
                                        

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

就是提取公共的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的其他部分就会乱了样式。

你想把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"
你需要把这几个样式合并到一个中就可以了,去掉重复项,但不建议这么做,之所以分开写,就是为了整个站点写样式时以免重复,且方便控制。