提取bootstrap css样式_html/css_WEB-ITnose
程序员文章站
2022-05-11 09:29:46
...
这是jsp代码一部分
像这里面都包含了很多bootstrap的css class类选择器,col-sm-1、col-sm-10 form-group等等
现在我想把这些class提取出来放在一个class里面,比如下面的形式:
就是提取公共的class,我只要引入一个class就可以了,不知道能不能实现????
那假设只合并上面的部分是怎么合并呢??
像这里面都包含了很多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"
你需要把这几个样式合并到一个中就可以了,去掉重复项,但不建议这么做,之所以分开写,就是为了整个站点写样式时以免重复,且方便控制。