html元素中class属性值多个空格分格是什么意思？

Question

即指定多个class，这是bootstrap常干的事，比如
请问，这两个class之间的关系是什么，二者的优先级是怎样的？
我自己定义了一个class，加在后面，但没起作用，当然，如果写到style里去是可以的。

Answer 1

你说的没错，就是指定多个class的意思，在HTML的层面上说的话，这样指定的class是同级的。同级的class需要看CSS文件的先后次序，后加载的css会覆盖前面加载的css。写到style的话因为是最后解析的所以是最高的一个优先级。

Answer 2

前面的答案，都是合理的。但依我看，这么干侧重在于CSS的模块化设计。.alert是基础公共层，.alert-info是个表现扩展层。像@Aivier所说的，它还有可能有alert-warning，alert-success等等，假如我们每个分开写的话，小页面没什么问题，但是它在一个大项目里，就显得很笨拙，增加了开发的时间成本。所以，人们为了提高代码的重用性，把类似的结构或功能等等的部件，划为一个模块。然后把它们的共性提炼出来，也就是这段代码前的.alert，再分开写它们具体的表现样式，即.alert-info。