css - 这种零碎的重复样式该怎样写最优~

问题描述

问 题

header {
    .dom1 { position: absolute; …… }
    .dom2 { position: absolute; …… }
    .dom3 { position: absolute; …… }
    .dom4 { position: absolute; …… }
}

1. 每个元素都单独写 像上面那样~

2. 统一在一个位置声明

   .dom1, .dom2, .dom3, .dom4…… {
       position: absolute;
   }

   但是这样做多了会乱 而且貌似对性能也有影响吧 每个相同的 dom 重复选取了两遍

3. 定义一个类 但就一个属性有必要定义一个类吗... 而且这种东西似乎叫原子类？好像争议蛮大的~

好纠结 大家都怎么去做的呢?~

解决方案

没有必要对一个个的零散的重复属性纠结，而应该把重心放到可重用的模块上。不然你会越来越无法自拔，题目中开头那段代码我觉得就是最好的

这篇关于css - 这种零碎的重复样式该怎样写最优~的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！