Chrome DevTools: Copy and extract all the CSS for an element on the page9th August 2019
Dev Tips is back! We hit a significant milestone with Tip 200, I'm grateful for your positive feedback!
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.
This feature is currently in Chrome Canary and will be making its way to stable soon