javascript - 如何根据属性在样式表中列出 CSS 选择器？

Question

如果它的声明中具有以下属性，我需要从样式表创建一个选择器列表。我正在专门寻找一个脚本来列出样式表中的所有选择器，这些选择器在其声明中包含以下所有或部分属性: float 、宽度、边距和填充。我会手动浏览每个样式表，但大约有 30 个，而且它们真的很长。有什么想法吗？

Answer 1

尝试这样的事情:

var targetRules = ['float','width','margin-top','margin-right'/*,...*/];
var selectorList = [];
var sheets = document.styleSheets;
for(var i=0; i<sheets.length; ++i) {
    var rules = sheets[i].cssRules;
    for(var j=0; j<rules.length; ++j) {
        var styles = rules[j].style;
        for(var k=0; k<styles.length; ++k) {
            if(~targetRules.indexOf(styles[k])) {
                selectorList.push(rules[j].selectorText)
            }
        }
    }
}