CSS:: Is there any CSS element inspector (or plugin)?

Question

I was wondering if there is a CSS element inspector so you can easily copy an element completely AND all it's (USED ONLY) CSS properties.

I want to be able to copy only the CSS lines that used to create that specific [selected] element.

iow... I want to clean all lines that was NOT used for used to create [maybe] other element(s) without the need to work hard and search inside the CSS file(s) manually.

score 2 · Accepted Answer · edited May 11 '15 at 17:29

2

right-click -> inspect element -> Computed

edited May 11 '15 at 17:29

Hezi-Gangina

637
6
20

answered May 11 '15 at 17:07

Jeff Clarke

1,369
6
7

I know that... I do not want necessarily to return all original CSS line(s) and all it's propertie(s) (like for example there is many CSS reset files that all of them using margin:0;padding:0; and if that have been used to create my element I still need to clean the css reset file). I want to get only the lines that was used to create that element (so the plugin will make the hard cleaning work for me). – Hezi-Gangina May 11 '15 at 17:14
The computed tab gives you all of the current styles after all the calculations and overrides have been applied. So you wouldn't have all of the redundant styles. In Chrome you can highlight and copy the whole set. – Jeff Clarke May 11 '15 at 17:15
I'm in love with Firefox but If Google chrome is the answer so I will give it a try :-) – Hezi-Gangina May 11 '15 at 17:17
You can do the same in Firefox. Right-click the element, choose "Inspect Element", then in the inspector you will see an option for "Computed" (next to "Rules", which is the default) – Jeff Clarke May 11 '15 at 17:20

score 2 · Answer 2 · answered May 11 '15 at 17:11

2

You could link your project in the Chrome Dev Tools. This way you can do live edits. enter link description here

answered May 11 '15 at 17:11

andre mcgruder

1,120
1
9
12

score 1 · Answer 3 · edited May 23 '17 at 11:43

1

I found this question.

Is there a way to check which CSS styles are being used or not used on a web page?

This points to a Firefox plugin and a Chrome plugin that you allow you to see only the applied styles.

edited May 23 '17 at 11:43

Community

1
1

answered May 11 '15 at 17:23

whoacowboy

6,982
6
44
78

CSS:: Is there any CSS element inspector (or plugin)?

3 Answers3