css - Drupal CSS 选择器

Question

我是 Drupal 菜鸟 - 在我的 Drupal 页面中，我有大量的 div 嵌套，所以我需要研究我对 CSS 选择器的使用，以找到最有效的解决方案。

目前我区分页面/ View 等来设置内容样式的方式是这样的:

#pid-myview5 .main-group {text-align:center;}

这似乎可行，我可以用 #pid-myview5 替换站点中的任何 pid，然后选择要在显示此页面时应用于某些元素的样式。

我的问题是:这种方法的效率如何，是否有更好的方法？

我主要担心的是 #pid-myview5 和 .main-group 之间有大量嵌套，我想知道这种复杂的 DOM 排列如何影响这种选择器的效率，因为我认为它必须遍历 DOM每次搜索要设置样式的元素。欢迎任何有关 CSS 实际实现方式(如果我有误)的常识性提示。

谢谢!

Answer 1

这篇文章很好地概述了 CSS 高性能选择器。

http://csswizardry.com/2011/09/writing-efficient-css-selectors/

基本上，ID 和类似乎总体上是高效的，无论它们嵌套的深度如何。作者指出当您选择非特定的 HTML 类型时会出现性能问题，诸如此类。

作者还接着说，这可能并不重要。我想说的是，只需编写干净的代码即可。