css - 命名和封装多词 CSS 类和 ID 的最佳做法是什么?

标签 css naming-conventions

我正在尝试找出命名和封装 css 类和 ID 的最佳实践,尤其是多词名称。

例如,假设我有一个 <div>我想命名为“Angular 色技能”。 似乎有 3 个选择:“characterskills”、“character_skills”或“character-skills”。

以下哪一项是命名 css 类和 ID 的行业标准?

在 css 名称中拆分多个单词的最佳做法是什么?

此外,对于 css 名称始终使用全部小写是否是最佳实践,因为它们不区分大小写?

最佳答案

我也倾向于使用带连字符的样式。我主要使用该样式,因为 CSS 属性遵循相同的大小写。同样,JavaScript 函数和变量倾向于使用小驼峰式。例如,要在 JavaScript 中更改 CSS 属性,您可以键入 object.style.textDecoration , 但在 CSS 中,该属性将被更改为 text-decoration .

关于css - 命名和封装多词 CSS 类和 ID 的最佳做法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1646341/

相关文章:

border - 使用 CSS 为 3 个面添加光晕

javascript - 我如何拥有不同的导航栏颜色?

javascript - jQuery scrollTop 值是什么意思?

javascript - 3张图片居中,左右图片对齐中间图片

asp.net-mvc - .NET MVC的理想文件夹结构

Laravel Eloquent : Rename fields only in Model Class

javascript - codemirror 无法输入到编辑器

sql-server - SqlServer 身份命名约定

javascript - 是否有基于 React 的项目的官方样式指南或命名约定?

JavaScript 事件命名约定