CSS Used

Description from extension meta

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

Image from store CSS Used

Description from store One click to get all the css applied to the selected web element and its children. -- Recent Update -- 1. Almost 10x speed up! 2. New UI + Dark Mode (sync with Devtools) 3. The newly added tabs permission is used to identify special urls. Such as chrome://newtab -- 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.

Latest reviews

(2020-09-03) Ankesh Pareek: Thank you for making this, I really love it when my load time reduces from 348ms to 12 ms.. really thank you so much for this tool
(2020-07-31) thangjam kishorchand: This extension is amazing on normal pages but unable to extract used CSS that are injected dynamically by JavaScript.
(2020-07-16) Henrique Rodrigues: Did exactly what I needed. It was very useful to extract div style and child style from a DOM where the style was obfuscated. Saved me a few hours.
(2020-07-12) Данил Ткачук: Лучшее что я видел)
(2020-07-08) hans jürgen: Wft! Dude you are awesome!
(2020-07-05) Christine Conley: This is a great tool! perfect
(2020-07-04) Александр Бодров: Профессиональное решение. Не хватает только обхода по всем страницам сайта.
(2020-07-03) Nico Hola: INCREIBLEMENTE BUENO
(2020-06-26) AFC Chris: Small bug, For some reason breaks my backgroung settings, copied off css and then found you have a preview button that works well but still breaks my background. site if you want to check is https://www.allfreechips.com Another useful addition would be to select mutiple pages and have a single used output that combines only whats needed for XYZ pages. Thank you very much for this as its a great help already
(2020-04-11) Srijan Srivastava: Nice stuff
(2020-03-05) khaireddine sarraj: GoD Awesome !! Love you much who ever created this he saved my work XD i almost got fired !! XD
(2020-02-27) Константин Куцевалов: Just awesome tool!
(2020-02-02) sewmehon amare: My favorite choice!! Thanks to The devloper.
(2020-01-27) Magno Alberto: It's very helpful. Excellent tool to copy CSS. I loved with the ability to send directly to the CODEPEN.
(2020-01-25) Michael Duddles: Fantastic extension! This is an awesome time-saving, dev-enhancing tool - thank you!
(2020-01-16) Rami Sabik: 10000000000000000000 Stars for the amazing extension, life saver.
(2019-12-28) Reda Benh: doesn't work, i never see the menu "used css"
(2019-11-24) João Vitor: The best
(2019-11-19) Abdullah Al Faroque: I wish i give you more than 5 star, simply just outstanding.
(2019-11-19) Ciprian Magda: This is just perfect for what I needed! Thanks a lot! Great job!
(2019-11-14) Nihat Cakar: 10 numara 5 yıldır, hayat kurtarıcı, dehşet
(2019-11-11) I love it ♥
(2019-10-27) Logan Powell: Finally, someone did this right!
(2019-10-22) Digital Artisan: This thing is just awesome!
(2019-10-22) A.: Great extension, does exactly what it needs to do quickly and efficiently! I would like to know if there is a PHP version of this!

Latest issues

(2020-08-20, v:2.4.2) Jordi Salvat i Alabart: Bug: "top: 0; bottom: 0; left: 0; right:0;" is extracted as "inset: 0"
Which only works in a few browsers.
(2020-08-17, v:2.4.2) Julian Peters: UTF Charakter
In German the "Umlaute" are not displayed correctly when importing into Code Pen. Meaning instead of "ä", "ü", "ö" etc. only a "?" appears. Is there a way to fix this?
(2020-07-01, v:2.4.2) Josef Laštovička: My CSS secction does not appear in the F12 menu/inspect
My CSS secction does not appear in the F12 menu/inspect
(2020-06-27, v:2.4.2) AFC Chris: Bugs
Background and Media request not functioning 100% using extracted CSS
(2020-06-24, v:2.4.2) Lalo RR: Can't see the optio
After installed and close Chrome and even uninstall and installed back. But can't see the tab with option "Used CSS"
(2020-06-15, v:2.4.2) MAY: Large Page CSS Extraction Problem
First of all thanks for making this extension. It works pretty good with small size pages but when large pages are browsed CSS Used stop working. I have a page of size greater than 750kb and when I inspected that page CSS Used tab didn't appear in Dev Tools. But when I installed the extension in Opera it started working again, but still it is not working in Chrome.
(2020-06-10, v:2.4.2) Francesco Sala: api
do you offer any api? by the way, thank you for your great job
(2020-06-10, v:2.4.2) Salomon Ayah: i don't the CSS used section in devtool --> element
How to do ? i have intalled the extension i don't the CSS used section in devtool --> element
(2019-08-30, v:2.4.2) Adam Rotman: Error at 4000th line
Once I get the message: "Traversing the 4000th rule..." it seems to lock up and I get an error in the console: https://d.pr/i/I0vHK9
(2019-08-23, v:2.4.2) Adriel Werlich: Error message: Cannot work on this page
I´m getting this error message! What could be going wrong?
(2019-07-29, v:2.4.2) remmar moroscallo: Do you offer API?
Do you offer an API in which i can extend your services into my website and automatically select only the used css in a page? I am using PHP
(2019-06-19, v:2.4.1) Dan Nezhad: Responsive only results
Hi, Great addon. Not sure if it's possible already and I've missed it, but would be great to be able to export the css used just for a particular browser width only e.g returning the used css if I set the browser width to 480px. Currently will return used css for all sizes at once. Thanks Dan
(2018-11-26, v:2.3.2) Petrey old account: seems like it's stopped working
all I see it this: "on Navigated. Select another dom on the left or Reopen the Devtool" Tried different pages, tried reloading. I'll try on a different computer later.
(2018-11-22, v:2.3.2) ivojonker: Browsing history permission
I noticed the css used no wants to know my browsing history - what will you use it for?
(2018-07-18, v:2.2.10) Can you combine the duplicate styles?
Css will show both. html{font-weight:bold;font-size:14px} html{font-weight:bold;font-size:14px;text-align:center} should be combined into 1 html{font-weight:bold;font-size:14px;text-align:center}
(2018-05-16, v:2.2.6) Don't work
Why application don't work&?
(2018-01-20, v:2.2.6) Semih MEMİŞ: Gulp, Grunt or PostCSS Version
Hi, it's great extension and only CSS Used correct result rather then any other scripts for removing unused css selectors. Can you convert CSS Used Chrome extension to Gulp, Grunt or PostCSS? We need to use CSS Used into Javascript Task Runner. Thanks for your helps.
(2017-12-17, v:2.2.6) mohamed said: bootstrap and other framework
Great work in this extension, but may I suggest to remove css of bootstrap and other frameworks form the result css

Statistics

Installs

40,037

Links

Extension in store

Web page