如何合并不同元素的相同CSS属性?当前写法是否符合规范?
回答
你的写法完全符合CSS规范,是非常推荐的实践方案,没有任何问题。
- 你将两个伪元素的公共属性通过分组选择器抽离统一声明的写法,不仅能大幅减少冗余代码,后续调整公共属性时也只需修改一处,可维护性远高于把所有属性复制到每个声明块的做法。
- 同类class场景完全可以沿用这个思路,例如你有
.btn-success和.btn-danger两类按钮,完全可以先通过.btn-success, .btn-danger统一定义padding、圆角、字号等公共样式,再单独给两个类设置不同的背景色、边框色即可,这也是主流前端UI框架的通用处理逻辑。 - 不需要把所有属性都复制到每个声明块中,重复冗余的代码只会提升后续维护的改漏风险,你当前的写法就是最优解。
内容的提问来源于stack exchange,提问作者Jasper Scritt
相关产品推荐
相关产品推荐

