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。