代码之家  ›  专栏  ›  技术社区  ›  Peter

使用jQuery读取所有CSS选择器

  •  1
  • Peter  · 技术社区  · 14 年前

    从我的CSS中读取所有CSS选择器的最佳方法是什么 $("head > style:eq(0)").html(); ?

    1 回复  |  直到 9 年前
        1
  •  3
  •   bobince    14 年前

    它因浏览器而异。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 PADDING-BOTTOM: 0pt; PADDING-LEFT: 0pt; PADDING-RIGHT: 0pt; PADDING-TOP: 0pt 如果指定的原始样式是 padding: 0 .