One click to get all the css applied to the selected web element and its descendants.
-- Recent Update --
1. Migrated to Manifest V3.
2. Resources are read from local caches, making it much faster and solves the cross-origin issue.
3. Optimized style parsing in a more efficient way.
4. Dropped support for some outdated CSS, mostly -o- and -ms- prefixed properties.
5. Implemented a new UI powered by Svelte, with some visual tweaks.
-- Known Limit --
1. For CSS rules like '.wrap p{...}', if only '' is selected, the result '.wrap p{...}' will not apply to '
'. Either change the rule to 'p{...}' or add a '.wrap' parent in the final HTML.
2. CSS custom properties (variables) and all the style inherit related features are not supported currently.
You can Follow the below Step By Step procedure to install the CSS Used Chrome Extension to your Chrome Web browser.
It is the CSS Used Chrome extension download link you can download and install Chrome Browser.
Rip HTML + CSS snippets from any element on any web page with an element selector. Convert full webpages to single file HTML and JSX
Select a DOM element and get styles applied to it and all its children.
Given DOM element returns styles applied to it and all its children.
A simple CSS property viewer.
The fastest and easiest way to check, copy and edit CSS.
Extract the CSS/HTML for any element on any page, only take the styles you want
Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...
Extract CSS and build beautiful styleguides.
Easily extract CSS and HTML from selected element. Then send it to CodePen, jsFiddle or JS Bin with one click.
An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.