知识卡片
AO叠加覆盖设计模式
内容
Bootstrap的CSS组件普遍遵循”Append(附加)+Overwrite(覆盖)”思路:不同名的类可自由叠加(如btn btn-primary btn-lg),同名类后加载的覆盖先加载的。组件设计因此退化为拆出一组正交、互不冲突的样式类别,使用者按需拼接,不必为颜色×尺寸×状态的每种组合单独写类;代价是类的书写顺序和CSS加载顺序必须保证覆盖关系正确,否则样式会隐性失效。
参考来源
《深入理解Bootstrap》第2章《整体架构》
知识卡片
Bootstrap的CSS组件普遍遵循”Append(附加)+Overwrite(覆盖)”思路:不同名的类可自由叠加(如btn btn-primary btn-lg),同名类后加载的覆盖先加载的。组件设计因此退化为拆出一组正交、互不冲突的样式类别,使用者按需拼接,不必为颜色×尺寸×状态的每种组合单独写类;代价是类的书写顺序和CSS加载顺序必须保证覆盖关系正确,否则样式会隐性失效。