阅读所有使用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级别2的样式属性，rules和selectorText是IE < 9的兼容性。注意IE < 9将返回重新创建的规则，所以你会看到例如。 PADDING-BOTTOM: 0pt; PADDING-LEFT: 0pt; PADDING-RIGHT: 0pt; PADDING-TOP: 0pt如果您指定的原始样式是padding: 0。