获取非内嵌的样式

1：首先获取该文档的所有样式表  通过document.styleSheets可获取到，其中包括了外联和内联的样式表，读取的顺序为文档执行顺序，可通过下标取出

2：每个样式表对象中一个cssRules属性  代表了样式表中的规则，ie中是rules

3：在cssRules中有selectorText属性，代表了选择器名称

 

function getFullStyle() {
    var sss = document.styleSheets; //获得该文档的样式表，数组元素类型是CSSStyleSheet
    for(var j = 0; j < sss.length; j++) {    
        var ss=sss[j];
        var rules = ss.cssRules ? ss.cssRules : ss.rules; //FF是cssRules,IE是rules。rules代表样式表中的规则,类型是CSSRule

        for(var i = 0; i < rules.length; i++) {

            var rule = rules[i];
                
            var selects=$("body").find(rule.selectorText);
            if(selects.length==0){
                console.log("没有该样式");
            }else{
                console.log(rule.selectorText + '{' + rule.style.cssText.toLowerCase() + '}');
            }
            
        }
    }

}