Given DOM element returns styles applied to it and all its children.
Inspect elements and extract the CSS defined for them and their children. The extension is useful if you need to transfer part of one page to another.
- (2020-04-12) Kristina Groeger: "Extracting HTML & CSS" animation runs and does nothing. I've tried restarting and checking chrome, but still does not work.
- (2020-03-19) marcelo amorim ferreira: It does not work. Always return "undefined"
- (2019-06-14) badr aldeen shek salim: not working
- (2019-05-02) Gabriel Rose: Doesn't work correctly in Chrome Version 73.0.3683.103. Returns 'undefined' for any selected element.
- (2019-02-10) Bora Bilgin: Not working in Chrome 71.0.37
- (2018-09-03) Anderson Mesquita: It doesn't work anymore. The CSSSteal tab shows up, but there's nothing that can be done there and no information is displayed.
- (2018-08-30) Hannan Imtiaz: It doesn't work for me. When I click on the Get CSS button it simply says's "undefined".
- (2018-08-26) Павел Денисов: Not work
- (2018-06-24) Ron Fritzemeier: It works... for those looking for a button to "Copy CSS to clipboard" or similar, you may be disappointed. Fortunately, there is this new feature that Apple implemented in 1984 where after you have selected all the "stolen" CSS with your mouse, you can hold down command (or ctrl for windows/nix users) then C and it puts it into the clipboard. From there you can use the other brand new keyboard shortcut, ctrl + v, or use the standard right click context menu + paste command in your favorite editor. Thanks!
- (2018-01-31) Eric Mink: "Get CSS" Doesn't seem to do anything. Didn't work for me
- (2018-01-23) MedG Absent: nice job !
- (2018-01-12) Andrew Burchill: Doesn't do anything. You can't copy CSS
- (2017-12-04) Jason Dubaniewicz: TL/DR - still works fine. If you look at the screenshot, you'll notice that the CSSSteal tab is a sub-tab inside of the Elements tab. It should have a spinner or something to indicate that it's 'Working...' but, it eventually generated CSS for the element I selected. I then, get this... selected the CSS text with my mouse and used the copy shortcut on my keyboard to 'extract' it.
- (2017-11-27) Patrick Allen: Didn't show up after installation, seems like it's broken, great idea though!!
- (2017-11-02) Franco Queirolo: Works fine for me.
- (2017-10-19) Daniele Parazza: Not working. Does not output anything
- (2017-06-16) Jason Harrop: I see the CSSSteal tab, but on all the pages I've tried it on, "Get CSS" is greyed out.
- (2017-04-21) Ihor Zenich: Hanging on Mac, putting extra rules in generated css, not work for body & html.
- (2017-03-06) Lukefest: Hitting GetCSS button gives no feedback/result
- (2016-12-24) Faisal Naseer: if anybody is unable to see the cssSteal in inspector just restart chrome you will be watching it :)
- (2016-12-13) Igor Buyanov: Does not work, I see the CSSSteal tab, but copying CSS styles does not work.
- (2016-12-01) 黄书伟: It's very useful.thanks a lot
- (2016-10-25) Luc Giroux: not working
- (2016-10-11) Olli Savolainen: The HTML didn't include the DOM elements all the way to top level so some of the CSS wasn't applied before manually writing the body element with the correct id. Otherwise - beautiful work, thank you!
- (2016-10-06) Rob Nelson: It took a moment to figure out that I had to inspect an element, then select an element and then click on the CSSSTEAL tab however I was unable to see any CSS when clicking </> Get CSS
- (2016-07-16) J K: Saved me a lot of time. Thanks!
- (2016-07-09) Ashish Patel: Not working. I dont see CSS Steal in inspect elements
- (2018-08-16, v:1.0.2) Skunkworks Creative Group Inc.: No longer works
Appears to be non-compatible with current version of Chrome.
- (2017-10-27, v:1.0.2) mohamed said: bootstrap
Its working great for me , thank you but I think it should skip known css frameworks like bootstrap and foundation cause it'll only duplicate the css property
- (2017-10-09, v:1.0.2) Ben Zientara: Media queries?
Thanks for the tool. Works great to grab the styles, but I can't grab the styles for all viewport widths. Any advice?
- (2017-08-31, v:1.0.2) Marjorie Roswell: Not working
"</> Get CSS" is greyed out.
- (2017-06-14, v:1.0.2) Merkatio Commerce: Not working
Doesn't do anything, fix or get it out of the store
- (2017-06-08, v:1.0.2) Chukwuemeka Anene: Not working
this should be taken off store until it is fixed
- (2016-12-21, v:1.0.2) Lee Webb: nothing happens
I follow all the steps in your exmaple up to the point where I click Get CSS in the CSSSteal panel, and no CSS appears. What am I missing?
- (2016-05-27, v:1.0.2) Pragnesh Chauhan: not able to get css
I am using crome on xubuntu it is not working for me