css和javascript

Question

我有一个css，它有很多定义在各种元素中的类

我希望获取该类描述。我的意思是某些特定css类的内容。是否可以使用js ??

Answer 1

虽然它可能涉及循环遍历文档中每个样式表的规则，直到找到与类名匹配的选择器，但如果你有大量的样式，这可能会相当慢。

function findClassRule(cls) {
    var styles = document.styleSheets,
        reg = new RegExp("\\." + cls + "\\s*(?:,|$)"),
        res = [];

    for (var i=0; i < styles.length; i++) {
        var rules = styles[i].cssRules || styles[i].rules;

        for (var j=0, max = rules.length; j < max; j++) {
            var rule = rules[j];
            if (reg.test(rule.selectorText))
                res.push(rule.style.cssText);
        }
    }
    return res;
}

工作演示：http://jsfiddle.net/EAf44/ （使用浏览器的控制台查看结果）。

它将为您指定的类名返回一组匹配的样式声明。请注意，结果声明可能与样式表中的内容不同 - 浏览器可能已对其进行了修改。

Answer 2

Stylesheet object可让您访问cssRules。如果你知道你需要什么选择器，那么我猜你可以迭代cssRules，直到找到匹配CSSStyleRule的selectorText。