larrybotha
1/21/2013 - 3:09 PM

Quick lines to get the number of selectors in each CSS to make sure that IE is not breaking

Quick lines to get the number of selectors in each CSS to make sure that IE is not breaking

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){
  try{
      totalSelectorsInStylesheet += rules[i].selectorText.split(',').length;
	  }
	  catch(err){
	  	console.log(err);
	  }
    }
  }
  console.log("Stylesheet: "+styleSheet.href);
  console.log("Total rules: "+totalRulesInStylesheet);
  console.log("Total selectors: "+totalSelectorsInStylesheet);
  alert("Stylesheet: "+styleSheet.href + "\n" + "Total rules: "+totalRulesInStylesheet + "\n" + "Total selectors: "+totalSelectorsInStylesheet)
}