css_class选择器
css_class选择器
可以为多个
<div class="alert alert-info">
就是指定多个class的意思,在HTML的层面上说的话,这样指定的class是同级的。
同级的class需要看CSS文件的先后次序,后加载的css会覆盖前面加载的css。
写到style的话因为是最后解析的所以是最高的一个优先级。
这么干侧重在于 CSS 的模块化设计。.alert 是基础公共层,.alert-info 是个表现扩展层。
它还有可能有 alert-warning,alert-success 等等,
假如我们每个分开写的话,小页面没什么问题,但是它在一个大项目里,就显得很笨拙,
增加了开发的时间成本。所以,人们为了提高代码的重用性,把类似的结构或功能等等的部件,
划为一个模块。然后把它们的共性提炼出来,也就是这段代码前的 .alert,再分开写它们具体的表现样式,
即 .alert-info。