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

Popular posts from this blog

java - How to set log4j.defaultInitOverride property to false in jboss server 6 -

c - GStreamer 1.0 1.4.5 RTSP Example Server sends 503 Service unavailable -

Using ajax with sonata admin list view pagination -