CSS中class中的空格有什么意义?

<li class="nav_item t_home current"><a href="http://www.gaga.net/" onfocus="this.blur()">首页</a></li> 这个li中有两个空格,请问这样有什么意义?
2026年09月18日 18:09
有5个网友回答
网友(1):

class中的空格是为了给html标签同时赋予多个class类名。

在使用类选择器之前,需要修改具体的文档标记,以便类选择器正常工作。

为了将类选择器的样式与元素关联,必须将 class 指定为一个适当的值。请看下面的 HTML 代码:

This heading is very important.

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 的所有元素还有一个银色的背景 。

网友(2):

class是类,这没什么可说的,你代码里的写法时这个li拥有多个类,比如3个,为了区别,用空格隔开。类和元素是多对多的关系,一个类可以用于多个元素,一个元素也可以拥有多个类。多类的时后,只要元素拥有某个类,就会应用这个类的样式,你这里三个样式是同时起作用的。

但有个问题就是当多类并存并且同时声明了同一个样式的时候,就涉及到覆盖,不同的浏览器可能表现不同。比如按常理说,后面的类会覆盖前面的类,但实际上并不总是这样,这是需要注意的。

网友(3):

class中的空格是为了给html标签同时赋予多个class类名。如下这段代码:

这个div就被同时赋予了box1、box2、textbox这三个class类名,中间使用空格隔开。

元素的class类名个数是没有限制的,如有需要可以设置N个,但是为了能够让浏览器识别,所以每个class之间要使用空格隔开。

网友(4):

在CSS中定义了 nav_item、t_home、current 这三个样式,用空格分开表示对这个li元素同时应用这三个样式

网友(5):

表示可以使用多个规则,规则之间用空格分隔,这个代码中li使用了nav_item,t_home,current3个规则

相关问答