如何扩展正则表达式以允许CSS变量的单字母驼峰命名格式？

将原正则表达式中的+替换为*即可实现需求，修改后的正则为：

^[a-z][a-zA-Z0-9]*$

规则细节 #

• ^[a-z]：保留原要求，变量名必须以小写字母开头，符合驼峰命名的起始规范
• [a-zA-Z0-9]*：允许后续跟随0个或多个字母（大小写均可，支持驼峰格式）或数字。这一修改既兼容了单字母命名（如x），也完全保留了原有的驼峰命名规则（如myButton、textSize3）

验证案例 #

• 符合规则的命名：
  • 单字母：x
  • 标准驼峰：navMenu
  • 带数字的驼峰：icon24
• 不符合规则的命名：
  • 首字母大写：HeaderTitle
  • 以数字开头：123box
  • 含特殊字符：my-var

内容的提问来源于stack exchange，提问作者User Paulius