Question

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

<li class="nav_item t_home current"><a
href="http://www.gaga.net/" onfocus="this.blur()">首页</a></li>

这个li中有两个空格，请问这样有什么意义？

Answer 1

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

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

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

<h1 class="important"> This heading is very important. </h1> <p class="important"> This paragraph is very important. </p>

在上面的代码中，两个元素的 class 都指定为 important：第一个标题（ h1 元素），第二个段落（p 元素）。

扩展资料：

例如：如果希望将一个特定的元素同时标记为重要（important）和警告（warning），就可以写作：<p class="important warning"> This paragraph is a very important warning. </p> 这两个词的顺序无关紧要，写成 warning important 也可以。

假设 class 为 important 的所有元素都是粗体，而 class 为 warning 的所有元素为斜体，class 中同时包含 important 和 warning 的所有元素还有一个银色的背景 。

Answer 2

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

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

Answer 3

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

<div class="box1 box2 textbox">这个div就被同时赋予了box1、box2、textbox这三个class类名，中间使用空格隔开。</div>

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

Answer 4

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

Answer 5

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