Chrome DevTools: Copy and extract all the CSS for an element on the page9th August 2019
I've written a bunch of blog posts. From career related topics, to technical concepts. Go and check out the blog!
You can now extract all the CSS for a selected element. To try this out:
- Right click on a DOM node in the Elements Panel
Copy > Copy styles
This feature is especially useful as CSS can often be scattered across many selectors, which makes extracting exactly what you need more of a challenge. The Copy styles feature does the hard work for you, and it will even include custom CSS variables, if any have been defined.