今天练习js的一个样例时碰到了class属性中含有空格,不是太懂,于是就百度了一下,百度结果如下:
<div class="box1 box2 textbox">这个div就被同时赋予了box1、box2、textbox这三个class类名,中间使用空格隔开。</div>
元素的class类名个数是没有限制的,如有需要可以设置N个,但是为了能够让浏览器识别,所以每个class之间要使用空格隔开。
但有个问题就是当多类并存并且同时声明了同一个样式的时候,就涉及到覆盖,不同的浏览器可能表现不同。比如按常理说,后面的类会覆盖前面的类,但实际上并不总是这样,这是需要注意的。