CSS组件的8类样式分解框架

设计一个CSS组件可拆成8个正交维度分别定义：基础样式、颜色样式、尺寸样式、状态样式（hover/active/disabled）、特殊子元素样式、并列元素间距、嵌套组件样式、动画样式。每个维度单独看都简单，组合起来却能覆盖绝大多数使用场景，这是先拆解正交变量再排列组合的通用组件设计思路，不限于CSS。参见[[AO叠加覆盖设计模式]]。