我正在使用现有的 HTML 源代码。考虑以下行：
<ul class="thumbs noscript">
thumbs和noscript之间的空格是什么意思？
问问题
209 次
7 回答
4
这意味着这里有两个类：thumbs和noscript.
于 2012-12-23T17:38:21.700 回答
2
HTML 元素正在使用两个已登记的类，并用空格分隔。
于 2012-12-23T18:33:00.917 回答
0
空格用于在类声明中分隔多个类 - 所以它基本上意味着类thumbs和noscript适用于 UL 元素。
要通过 CSS 选择必须同时具有这两个类的元素，您可以使用如下选择器：
.thumbs.noscript {
/* Properties that apply to elements that have both classes. */
}
请注意，CSS 中的规则声明中的类之间没有空格。如果您在类之间放置一个空格，那么 noscript 必须是拇指的孩子才能应用该规则。
当您想将 CSS 属性应用于具有两个类的元素，而不是仅具有一个或不具有这些类的元素时，上述 CSS 规则很有用。
于 2012-12-23T17:38:32.083 回答
0
这意味着该元素有 2 个类。两者thumbs和noscript
这意味着您可以使用 css 选择此元素，如下所示：
.thumbs { color:#f00; }
.noscript { color:#000; }
或者
.thumbs.noscript { color:#fff; }
于 2012-12-23T17:38:34.460 回答
0
这个空间是为了让多个类分开。
于 2012-12-23T17:38:35.740 回答
0
一个元素可以有多个类，所以在这种情况下，它有类“thumbs”和“noscript”。所以她在类名之间的空格只是将它们分开。
看名字很有可能有一些 CSS 总是显示带有“noscript”类的元素。使用 JavaScript 可能会在页面加载时删除此类，以使页面对启用 JavaScript 的任何人都更好。
于 2012-12-23T17:38:49.293 回答
0
这样您就可以使用多个类 - 因此您可能会在网站的不同区域重复使用一些类。
一个现实生活中的例子可能是：
.thumbs {width:150px; height:150px; background-colour:#fff;}
.noscript {clear:both;}
于 2012-12-23T18:04:18.353 回答