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.
The fastest and easiest way to check, copy and edit CSS.
Extract CSS and build beautiful styleguides.
Fast and easy way to copy web components, HTML widgets and parts of website design.
A simple CSS property viewer.
Tracks the unused CSS selectors in your application
Given DOM element returns styles applied to it and all its children.
Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...
Extract the CSS/HTML for any element on any page, only take the styles you want
An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.
Select a DOM element and get styles applied to it and all its children.