class中的空格是为了给html标签同时赋予多个class类名。
在使用类选择器之前,需要修改具体的文档标记,以便类选择器正常工作。
为了将类选择器的样式与元素关联,必须将 class 指定为一个适当的值。请看下面的 HTML 代码:
This paragraph is very important.
在上面的代码中,两个元素的 class 都指定为 important:第一个标题( h1 元素),第二个段落(p 元素)。
扩展资料:
例如:如果希望将一个特定的元素同时标记为重要(important)和警告(warning),就可以写作:
This paragraph is a very important warning.
这两个词的顺序无关紧要,写成 warning important 也可以。假设 class 为 important 的所有元素都是粗体,而 class 为 warning 的所有元素为斜体,class 中同时包含 important 和 warning 的所有元素还有一个银色的背景 。
class是类,这没什么可说的,你代码里的写法时这个li拥有多个类,比如3个,为了区别,用空格隔开。类和元素是多对多的关系,一个类可以用于多个元素,一个元素也可以拥有多个类。多类的时后,只要元素拥有某个类,就会应用这个类的样式,你这里三个样式是同时起作用的。
但有个问题就是当多类并存并且同时声明了同一个样式的时候,就涉及到覆盖,不同的浏览器可能表现不同。比如按常理说,后面的类会覆盖前面的类,但实际上并不总是这样,这是需要注意的。
class中的空格是为了给html标签同时赋予多个class类名。如下这段代码:
这个div就被同时赋予了box1、box2、textbox这三个class类名,中间使用空格隔开。
元素的class类名个数是没有限制的,如有需要可以设置N个,但是为了能够让浏览器识别,所以每个class之间要使用空格隔开。
在CSS中定义了 nav_item、t_home、current 这三个样式,用空格分开表示对这个li元素同时应用这三个样式
表示可以使用多个规则,规则之间用空格分隔,这个代码中li使用了nav_item,t_home,current3个规则