问题:
比如
<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
。