Skip to content
master
Go to file
Code
This branch is 1 commit ahead, 55 commits behind painty:master.

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
lib
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

CSS-Used

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

CSS Used

Go to the Chrome webstore : CSS Used for Chrome

Overview

Get all css rules used by the selected DOM and its children. Used to extrac only the used CSS. So the unused css will be left out.

If the selected DOM is the body, the result will be all the used css by the whole page curently.

Usage

How to use

F12 open the Developer Tools, select the dom and active the "CSS Used" pannel. The used CSS rules of the Selected dom and its children's will be listed in the right textare.

You can click "Preview" to see the selected part with clean style rules.

Known Limit

  1. As for the CSS rule like .wrap p{...}, if only <p> is selected, the result .wrap p{...} may not apply directly to <p>.

Either changing this rule's selector to p{...} or giving the <p> a .wrap parent in the final HTML.

  1. Vendor prefixes will be ignored because the style rules' txt-to-object is processed by chrome.

Changelog

Go to the Changelog page

To Do

--

About

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

Resources

Releases

No releases published

Packages

No packages published

Languages

You can’t perform that action at this time.