CSS Used

Get all css rules used by the selected DOM and its descendants.

What is CSS Used?

CSS Used is a Chrome extension developed by https://bobscript.com, and its main feature is "Get all css rules used by the selected DOM and its descendants.".

Extension Screenshots

screenshot

Download CSS Used Extension CRX File

Download CSS Used extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        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.

Extension Basic Information

Name CSS Used CSS Used
ID cdopjfddjlonogibjahpnmjpoangjfff
Official URL https://chromewebstore.google.com/detail/css-used/cdopjfddjlonogibjahpnmjpoangjfff
Description Get all css rules used by the selected DOM and its descendants.
File Size 164 KB
Installation Count 66,889
Current Version 3.0.0
Last Updated 2023-01-17
Publish Date 2019-06-23
Rating 4.57/5 Total 174 Ratings
Developer https://bobscript.com
Email [email protected]
Payment Type free
Help Page URL https://github.com/painty/CSS-Used-ChromeExt
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "CSS Used",
    "version": "3.0.0",
    "permissions": [
        "tabs"
    ],
    "optional_permissions": [
        "storage"
    ],
    "author": "Bob",
    "icons": {
        "16": "static\/icon\/16.png",
        "48": "static\/icon\/48.png",
        "128": "static\/icon\/128.png"
    },
    "description": "Get all css rules used by the selected DOM and its descendants.",
    "devtools_page": "devtools.html",
    "options_page": "options.html",
    "manifest_version": 3,
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "assets\/content.js"
            ],
            "all_frames": true
        }
    ],
    "action": {
        "default_icon": "static\/icon\/128.png",
        "default_title": "CSS Used For Chrome Devtool",
        "default_popup": "popup.html"
    }
}