5. CSS的聚合/组合原则--挂多个class还是新建
CSS里也包含了设计模式的6大原则,今天讲讲聚合/组合原则--多用组合,少用继承
假设有如图3-1所示的模块。
图3-1 三个简单模块
我们如何设置它的CSS呢?方案一如代码清单3-11所示。
方案一可以实现我们想要的效果,但它非常冗余,“.numberList1”、“.numberList2”和“.numberList3”的CSS设置相同,“.numberList1 li”、“.numberList2 li”和“.numberList3 li”有部分CSS一致。我们对它们进行改进,产生方案二,如代码清单3-12