CSS Used - LOGO
  • CSS Used
  • Users : 14,557
  • Last Update : Aug 30, 2017
  • Category : Developer Tools
  • File Size : 122.3 K
  • Version : 2.2.6
  • Chrome store
  • Share

Used to extract CSS rules used by the selected element & its' children, both in embedded styles and external styles.

Suitable for small component extraction such as buttons.

-- How to use --
After installing, a reopen of the DevTool and a reload of the inspected page are required .Then on the right side of the DevTool's Elements tab, you could see a sub tab called 'CSS Used' . Just switch to it , and you will get the CSS Used by the selected element and it's children.

-- 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.

-- Recent Update --
1. Add a user-friendly way of requesting file access
2. Using postcss thus can handle more "css hack" rules
3. A big improvement in calculation speed !
4. Element in iframes supported.
Load More
  • Download
  • How to install?
  • Chrome store
  • Share

  • Reviews
    0/500
    Please login before post a review.
    Recent Reviews
    ziqiang Liu - avatar
  • ziqiang Liu

    Report

  • Jun 01, 2017
  • 非常厉害的扩展,感谢作者
  • 姚嘉辉 - avatar
  • 姚嘉辉

    Report

  • Apr 21, 2016
  • it does help me at first,may be!good job
  • whidy Bai - avatar
  • whidy Bai

    Report

  • Jun 12, 2015
  • Nice, Easy, Fast and useful for copy one part of a site