什么是HTML元素类声明中使用的空间？

Question

  

可能重复：
  HTML class attribute with spaces, it is a W3C valid class?

我正在使用现有的HTML源代码。请考虑以下行：

<ul class="thumbs noscript">

thumb 和 noscript 之间的空格是什么意思？

Answer 1

这意味着此处有两个类：thumbs和noscript。

Answer 2

HTML元素正在使用以空格分隔的两个类。

Answer 3

空格用于在类声明中分隔多个类 - 因此它基本上意味着类thumbs和noscript都适用于UL元素。

要通过CSS选择必须同时具有这两个类的元素，您可以使用如下选择器：

.thumbs.noscript {
   /* Properties that apply to elements that have both classes. */
}

请注意，CSS中的规则声明中的类之间没有空格。如果你在类之间放置一个空格，那么noscript必须是一个拇指的子项才能应用规则。

如果要将CSS属性应用于同时具有这两个类的元素，而不是仅包含一个或不具有类的元素，则上面的CSS规则很有用。

Answer 4

这意味着此元素有2个类。 thumbs和noscript

这意味着您可以使用css选择此元素，如下所示：

.thumbs { color:#f00; }
.noscript { color:#000; }

OR

.thumbs.noscript { color:#fff; }

Answer 5

空间是将多个类分开。

Answer 6

一个元素可以有多个类，所以在这种情况下它有“thumbs”和“noscript”类。所以她在类名之间的空格只是将它们分开。

查看名称很有可能有一些CSS，例如始终显示带有“noscript”类的元素。使用JavaScript时，可能会在页面加载时删除此类，以使页面对于启用了JavaScript的任何人都更好。

Answer 7

因此您可以使用多个类 - 因此您可能会在网站的不同区域重复使用一些类。

现实生活中的例子可能是：

.thumbs {width:150px; height:150px; background-colour:#fff;}
.noscript {clear:both;}