Question

从优化的角度来看，拥有更长的更具体的链条会更有效：

.first {
    /*some css*/
}

.first .second{
    /*some css*/
}

.first .second .third{
    /*some css*/
}

.first .second .third .fourth{
    /*some css*/
}

或者更有效地制作更多独特/特定的类名，如：

.first {
    /*some css*/
}

.first-second{
    /*some css*/
}

.first-second-third{
    /*some css*/
}

.first-second-third-fourth{
    /*some css*/
}

在某些地方是否存在一个转折点，其中较长的路径效率低于唯一的名称而反之亦然？反之亦然？

Answer 1

从技术上（理论上）讲这个特定的问题作为一个孤立的dillema，第二种方法应该比第一种方法花费更少的计算时间来处理。

也就是说，在现实世界中，它仍然取决于浏览器的解析引擎以及每个单独请求的总体时间，这使得特定处理时间在{{3}中无关紧要}。

除非您针对特定场景执行极端优化过程，否则无需使用第二种方法，并且坚持获得第一种方法的灵活性。

如果你仍想进行这样的优化，你应该考虑做一个overall processing time来了解它是否最终符合你的实际需求。

拥有更多特定的类名称或路径更好吗？

1 个答案: