copy CSS styles that apply to an element

Question

I want to be able to get as output to the console (or something like this) all the style rules that apply to an element. Such that for example $(_element_).css_styles(); generates output like:

element { style }
.class { style }
super > element { style }
neighbor + element { style }

How can I get this?

edit: I built a jfiddle that looks good.

Why aren't Firebug or Chrome/Firefox debugger tools enough ? — Demurgos, Apr 05 '14 at 20:24
@Demurgos because they inject non-CSS text.. and they also do no not lend themselves to recursively scanning a tree of elements and compiling all the CSS. — roberto tomás, Apr 05 '14 at 20:26
See [this answer](http://stackoverflow.com/a/6416477/2081384) for a crossbrowser solution. — Kyle Needham, Apr 05 '14 at 20:36

score 2 · Accepted Answer · answered Apr 05 '14 at 20:30

2

If you're on Chrome, you can use getMatchedCSSRules(element). If you're on FireFox (or another Gecko browser), a polyfill is available.

answered Apr 05 '14 at 20:30

SomeKittens

38,868
19
114
143

copy CSS styles that apply to an element

1 Answers1

Linked