Question

html的class属性值中间有空格是什么意思?与css有什么关系么? 如: <div class="block a1-2"></div>

Answer 1

没有什么关系就是一个div等元素都可以有多个class类，可以写不一样的样式，有点类似重写那种意思

比如我block是公用的一个类
.block{ display:block; color:#222; font-size:12px;} '我这个文件是可以用到很多地方的

.a1-2{ font-size:16px; color:#f60;} '这个是只有div使用的，，如下html

<div class="div1">
<div class="block a1-2">xxxx</div>
<span class="block s1-1">yyy</span>
</div>
相当于我block是公用类，写好一些需要公用的样式，然后各自的节点元素需要特定的样式在给添加类，两者之间通过空格区分开来调用

Answer 2

继承，比如你这个block肯定是a1-2这个样式外面的另外一个样式，一般来说，block这个样式和a1-2这个样式里面的内容是不同的，当然如果有相同的话以内部的为准，相当于block是父，a1-2是子以此类推，新手不需要考虑这个，这个主要是为了代码的简洁性以及可读性，避免代码重复

Answer 3

您好，空格就是这个有两个class 第一个class是block 第二个是a1-2，一个标签可以同时用多个class，相同的属性以最后一个class的为准。

Answer 4

这只是表示两个样式，在css里面是这样的
.block｛

｝
.a1-2{

}
两个样式都有效，后面的覆盖前面的