閱讀所有使用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。