请解释下面标签类里面怎么可以写那么多？

Question

 <header class="login-header head-bottom-line">
...
</header>

header标签中class类是login-header，后面的head-bottom-line要怎么解释？
而且可以空格之后继续添加的？

Answer 1

诚如你上面代码所看到的那样，class属性里面包含了两个样式，login-header和head-bottom-line，多个样式之间，用空格“ ”隔开，通常情况下，我们会这样写，是因为有些样式是很多元素通用的，而某些样式则需要个别控制。而他们的关系是，如果两个样式中，有相同的样式属性，则放在后面的将会覆盖前面的，从而显示不同的效果。