DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for Chrome copy all CSS for an element
Chris Bongers
Chris Bongers

Posted on • Originally published at daily-dev-tips.com

Chrome copy all CSS for an element

In modern-day CSS the styles are divided between many selectors, even tools like Tailwind make this happen.

But what if we want to get all CSS styles for one element?

Chrome dev tools, has a fantastic feature build in.

This is how it works:

chrome-copy-styles-min.gif

Chrome Dev tools Copy CSS Styles

To use it:

  • Open dev tools
  • Right-click an element in the Elements panel
  • Copy > Copy styles
  • Paste them where needed

Amazing and easy right, you won't know the number of times this can be useful!

Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on Facebook or Twitter

Top comments (0)

πŸ€” Did you know?

Β 
πŸ—Ί We put together some guides that include some of our favorite content on DEV. Check them out here.