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-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 faruk Raju: 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) Gervis Nelson Bermúdez Mora: 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!
(2019-10-15) Volodymyr Tsaryk: Simple but useful.
(2019-09-15) badr aldeen shek salim: this tool is awesome , I will give it 3 because there is a bug and the bar of actions ( copy , preview , codepen ) disappear immediately and you should be fast to click on the bottom before the it disappear . I will change it to 5 when you fix that bug , thanks
(2019-08-12) Simon Barnett: Legendary!
(2019-07-18) Clinique ML: parfaite !
(2019-07-18) Neyelson Alves: It doesn't work anymore.
(2019-05-27) Romeo R: Simply awesome! amazing time saver!
(2019-05-16) Süheyl Kavsara: Wonderfull 😍thanks for this tool.
(2019-04-26) Zachary Rowden: Excellent tool. 1 recommendation to other developers who might be using this for code splitting.I ran into some limitations when running some of the results in IE and now use Purgecss(fantastic tool) as a gulp task instead. But this tool is sooo convenient and its all you need if you're planning on giving i.e. explorer users the finger :D wish I could do the same. Big ups to the dev who took the time to make this tool for us. You rock!
(2019-03-16) Ray Li: This is the only CSS inspector tool that works 100% of the time and fetches all the styles applied to an element. The UI could be much improved and more fine grained control would be greatly appreciated. None of that matters compared to how great this tool works though. Thank you so much developer for sharing this extension!

Latest issues

(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

36,341

Links

Extension in store

Web page