jQuery获取CSS中指定的元素类

这将获得应用于元素的所有CSS样式。它使用jQuery的 is document.styleSheets ,并贯穿始终 cssRules 在每个样式表中,检查 selectorText 匹配元素。在伪代码中:

given::element

matchedRules = []

for styleSheet in document.styleSheets
    for rule in styleSheet.cssRules
        if element.is(rule.selectorText)
            matchedRules.push(rule.selectorText)

return matchedRules;

function getCSSRules(element) {
    element = $(element);

    var styleSheets = document.styleSheets;
    var matchedRules = [], rules, rule;

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

        for(var j = 0; j < rules.length; j++) {
            rule = rules[j];
            if(element.is(rule.selectorText)) {
               matchedRules.push(rule.selectorText);
            }
        }
    }

    return matchedRules;
}

这将返回应用于元素的所有规则。为了你的 first example

[".links-list .title"]

给尼克的 extended example ,返回:

[".links-list .title", ".title", "a", "li a"]

你如何定义 特异性 如何决定从这个列表中筛选出什么取决于你。

$(".other-list > .title")

看一看 http://api.jquery.com/category/selectors/

CSS parser/abstracter? How to convert stylesheet into object