这个bug 在以前写代码的时候就碰到过了，因为觉得碰到的几率不高，所以就忽略不计了。
现在又碰上了，就努力的分析了一下，然后共享出来，晒晒更健康。

先说一下历史背景：
最近看了太多架构式的书，写出来的样式都比较戳。比如: 提交成功的提示框会这么写。

div class = "msg-mod error" //html标签就省略了，自己YY ^__^

所有的信息提示框，用msg-mod 这个通用库来封装。然后 改 通用库包含了一些状态，如：error ，ok ，tip ，notice等来表现“错误，正确，提示，注意”等状态。
于是如果你想写一个输出的正确框就可以写成这样。

div class = "msg-mod ok"

这样做有什么好处呢，

• 1. 首先样式全局化，使用msg-mod 来全局控制，
• 2. 使用非常语义化的状态：error,ok ，来衍生出不同的样式(使用并行结构式方法来实现，后面会解释)。
• 3. 更适合功能的一些特性：有些时候需要使用js 动态的改变msg的样式，这样写出来的js 语义也更强，可读性也增强。

阅读全部>>