I was about to give one star to this extension. It was just hanging, and never completing its processing. I restarted my computer and tried again on a small piece of html and it worked. Then I tried on the whole <body>, I waited some minutes and it worked like a charm. My suggestion as a big improvement to this extension would be a progress bar, or at least a percentage of how much was already processed from the html, so we know it isn't freezed.
Get all css rules used by the selected DOM and its descendants
One click to get all the css applied to the selected web element and its descendants
Migrated to Manifest V3
Resources are read from local caches, making it much faster and solves the cross-origin issue
Optimized style parsing in a more efficient way
Dropped support for some outdated CSS, mostly -o- and -ms- prefixed properties
Implemented a new UI powered by Svelte, with some visual tweaks
Known Limit: For CSS rules like "
wrap p{
}", if only "<p>" is selected, the result "
wrap p{
}" will not apply to "<p>"
Either change the rule to "p{
}" or add a "
wrap" parent in the final HTML
CSS custom properties (variables) and all the style inherit related features are not supported currently