html元素中class属性值多个空格分格

问题:

比如

 <div class="alert alert-info">

回答:

同时指定了多个CSS样式,这里面的alert-info还可以换成alert-warning,alert-success等,这样分开多个class可以减少重复的代码,alert中的样式只写一次即可,而不用alert-warning,alert-info中都重复一遍,这么干侧重在于 CSS 的模块化设计.alert 是基础公共层,.alert-info 是个表现扩展层。假如我们每个分开写的话,小页面没什么问题,但是它在一个大项目里,就显得很笨拙,增加了开发的时间成本。所以,人们为了提高代码的重用性,把类似的结构或功能等等的部件,划为一个模块。然后把它们的共性提炼出来,也就是这段代码前的 .alert,再分开写它们具体的表现样式,即 .alert-info

原文地址:https://www.cnblogs.com/wiming/p/4240384.html