计算css文件中选择器的数量

Question

是否存在一个现有的插件/ app/program/script /,它可以分析和计算文件的css选择器？我想检查我的css文件在IE中不起作用的原因是因为我的选择器数量超过4095(我很确定不是)

谢谢!

ps加点,如果有haml/sass /指南针解决方案

Answer 1

可以在Firefox的Firebug控制台中运行以下代码段来计算CSS选择器的总数(不仅仅是CSS规则),并检查它是否达到每个样式表4095个选择器的限制:

var
  styleSheets = document.styleSheets,
  totalStyleSheets = styleSheets.length;

for (var j = 0; j < totalStyleSheets; j++){
  var
    styleSheet = styleSheets[j],
    rules = styleSheet.cssRules,
    totalRulesInStylesheet = rules.length,
    totalSelectorsInStylesheet = 0;

  for (var i = 0; i < totalRulesInStylesheet; i++) {
    if (rules[i].selectorText){
      totalSelectorsInStylesheet += rules[i].selectorText.split(',').length;
    }
  }
  console.log("Stylesheet: "+styleSheet.href);
  console.log("Total rules: "+totalRulesInStylesheet);
  console.log("Total selectors: "+totalSelectorsInStylesheet);
}