CSS 命名规范：串行命名还是小驼峰命名？前缀该放在前面还是后面？

关于 css 命名规范

在 CSS 命名中，对于类名或元素 ID 的命名方式经常存在争议。本文将探讨一些常见的命名规则，针对几个常见问题提供建议。

问题 1：串行命名还是小驼峰命名？

对于容器内的多行，可以使用串行命名（firstRow），也可以使用小驼峰命名（first-row）。两种方式都可以接受，关键是保持一致性。

问题 2：前缀顺序

对于小驼峰命名，究竟是将前缀放在前面（row-first）还是后面（first-row），也没有严格的规定。然而，在一般使用中，将前缀放在后面对人类可读性更好。

常用 CSS 命名规范

虽然 CSS 命名规范可能因团队而异，但有一些常见的约定可以遵循。以下是一些常用的命名规则：

• 对于头部、内容和尾部等主要内容区域，可以使用简单的英文单词，例如 header、content 和 footer。
• 对于导航、侧栏和栏目等页面元素，可以使用适合的英文单词，例如 nav、sidebar 和 column。
• 对于功能元素，例如图标、按钮和表单，可以使用适当的描述性单词，例如 icon、btn 和 form。
• 命名时避免使用缩写和下划线。
• 保持一致性并遵循您团队确定的约定。

以上就是CSS 命名规范：串行命名还是小驼峰命名？前缀该放在前面还是后面？的详细内容，更多请关注其它相关文章！