jquery - 使用 jQuery 读取所有 CSS 选择器

Question

从 CSS $("head > style:eq(0)").html(); 读取所有 CSS 选择器的最佳方式是什么？ ？

Answer 1

它因浏览器而异。 jQuery 在这里对你没有帮助，因为检查样式表数据是一件非常不寻常的事情，而旧的/小众浏览器根本无法做到这一点。您确定需要检查样式表吗？你想做什么？

var sheet= document.styleSheets[0];
var rules= 'cssRules' in sheet? sheet.cssRules : sheet.rules;
for (var i= 0; i<rules.length; i++) {
    var rule= rules[i];
    var text= 'cssText' in rule? rule.cssText : rule.selectorText+' {'+rule.style.cssText+'}';
    alert(text);
}

cssRules 和 cssText 是标准 DOM Level 2 样式属性，rules 和 selectorText 适用于 IE<9兼容性。注意 IE<9 将返回重新创建的规则，因此您将看到例如。 PADDING-BOTTOM:0pt；左填充:0pt；右内边距:0pt； PADDING-TOP: 0pt 如果您指定的原始样式是 padding: 0。