创建的Javascript正则表达式来验证复姓BEM和驼峰

Question

我有这样的正则表达式在CSS文件

^([\.\%]?[a-z]*[-]?[a-z0-9\-]*)(\.[a-z0-9\-]*)?(__[a-z0-9]*[-]?[a-z0-9\-]*)?(--[a-z0-9]*[-]?[a-z0-9\-]*)?(\:[a-z]*)*$ 

检测hyphenatedBEM，但我也想它来检测首字母大写，以及...

我需要这样做是因为我们从hyphenatedBEM过渡到驼峰

总之，我怎么写检查

^([\.\%]?[a-z]*[-]?[a-z0-9\-]*)(\.[a-z0-9\-]*)?(__[a-z0-9]*[-]?[a-z0-9\-]*)?(--[a-z0-9]*[-]?[a-z0-9\-]*)?(\:[a-z]*)*$ 

or 

\.[a-z][a-z0-9]*[A-Z][a-z0-9]*[A-Z][A-Z0-9]*[a-z][A-Za-z0-9]* 

正则表达式

如果没有验证那么它的错误/返回false

我将验证对CSS像下面两者应该验证细...

.error__404 { ...SOME CSS CODE... } --> this is correct 
.error__404--red { ...SOME CSS CODE... } --> this is correct 
.userImage { ...SOME CSS CODE...} --> this is correct 
.this-is-not-correct { ...SOME CSS CODE...} --> this is not correct 

任何帮助将不胜感激...

Answer 1

为了验证字符串中的任何BEM命名方案，你可以使用bem-naming