问题描述

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

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

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

解决方案

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

解决方案二：

可以理解成一对多的意思，说的是这一块有多个class样式

解决方案三：

HTML 元素是可以赋予多个 class，这么做可以把若干个 CSS 类合并到一个 HTML 元素。