Drupal CSS 选择器

Question

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

目前我区分页面/视图等以设置其内容样式的方式如下：

#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 类型时会出现性能问题，诸如此类。

作者还继续说，这可能并不重要。我会说，只要写你的代码就行了。