HTML 类问题。什么是课堂上的“-”？ [关闭]答案

【问题标题】：HTML Class Question. What is '-' in class? [closed]HTML 类问题。什么是课堂上的“-”？ [关闭]
【发布时间】：2021-11-08 09:15:00
【问题描述】：

在这张图片中，'-' 是否以连接 id 的方式起作用？还是整个 'fa-facebook' 都是一个 id？

【问题讨论】：

标签： html css class

【解决方案1】：

整个 fa-facebook 就是类。比 faFacebook 更容易阅读。

【讨论】：

【解决方案2】：

连字符是 CSS 类名中的有效字符，因此 fa-facebook 是一个单一的类名。

许多库（在本例中为 Font Awesome）使用这样的前缀作为 namespace 机制，以防止与用户定义的类名发生冲突。

This answer 很好地解释了什么是有效的 CSS 类名。

【讨论】：

【解决方案3】：

来自specification：

该属性（如果指定）必须具有一个值，该值是一组以空格分隔的标记，表示该元素所属的各种类。

所以，- 是一个标记部分（或类标识符）。

【讨论】：

【解决方案4】：

fa-facebook

是一个类但是你可以添加自己的类来添加样式或任何东西。

基本上fa-facebook 适用于任何 CDN 类，但如果您更改为自己的样式，则 CDN 样式可能会更改。所以添加新的类或ID会很好。

【讨论】：

【解决方案5】：

"-" 用于分隔单词。它通过用连字符分隔单词来增加标识符的可读性。但这不是规则，这是最佳实践。根据您的问题，fa-facebook 是整个类名（标识符）。 faFacebook 或 fa_facebook 也是有效的。但是，如果您通过分隔空格将其写为两个单词 (fa facebook ，则将其标识为两个类。

【讨论】：

【解决方案6】：

fa-facebook 代表一个单一的类名，fafacebook 也是一个有效的类名，但较早的类名易于阅读。

【讨论】：