Read all CSS selectors using jQuery -
Read all CSS selectors using jQuery -
what best way read css selectors css $("head > style:eq(0)").html();
?
it varies across browsers. jquery doesn't help here, because inspecting stylesheet info quite unusual thing want do, , older/niche browsers can't @ all. sure need inspect stylesheets? aiming do?
var sheet= document.stylesheets[0]; var rules= 'cssrules' in sheet? sheet.cssrules : sheet.rules; (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
standard dom level 2 style properties, rules
, selectortext
ie<9 compatibility. note ie<9 homecoming recreated rules you'll see eg. padding-bottom: 0pt; padding-left: 0pt; padding-right: 0pt; padding-top: 0pt
if original style specified padding: 0
.
jquery
Comments
Post a Comment