html - 通过类或从父 CSS/HTML 开始为元素设置样式更快

Question

如果我的问题不是很清楚，我很抱歉。

我先用一个例子来说明我的问题:

<div id="parent">
  /*This contains a dynamically generated amount of children from 1 - 200*/
  <div class="child"></div>
</div>

使用 .child {} 或使用 #parent div {} 为每个 child 设置样式是否是最佳实践/更快？

如果有 200 个 child ，那么就会有很多额外的文本。

谢谢

Answer 1

您应该以语义方式应用您的样式。如果你想为所有 child 类的元素设置样式，请继续使用 .child。如果您想为父级下方的所有 div 设置样式，请选择 #parent div。

风格应该易于阅读和维护，并在可能的情况下自动适应新的“情况”。

如果可能，您还应该考虑网站的大小。对于每个 div 没有类 child 的 #parent div 肯定小于 div.class 和给定的类每个 div.

所以基本上，这完全取决于您想做什么和您的目标受众。具有宽带连接的常规台式机系统可以处理这两种情况，但具有缓慢且昂贵的 GSM 连接的手持设备可能无法处理。