wiming

问题:

比如

 <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

分类:

技术点:

相关文章:

  • 2022-12-23
  • 2021-10-18
  • 2022-01-27
  • 2022-02-25
  • 2021-11-06
  • 2022-12-23
  • 2021-11-19
  • 2022-01-15
猜你喜欢
  • 2021-12-12
  • 2021-11-19
  • 2021-11-19
  • 2021-11-28
  • 2021-07-09
  • 2022-12-23
  • 2021-04-11
相关资源
相似解决方案