Solved

determining where a CSS style is used

Posted on 2011-03-24
5
330 Views
Last Modified: 2012-05-11
Is there a tool that will tell me where, if anywhere, a CSS style is used in a site? I've inherited a site and I have a feeling that a lot of the 3900+  CSS styles in the style sheet are no longer used anywhere. I'd like to clean up the style sheet. I use Dreamweaver for site development and normally preview with Firefox/Firebug.

Thanks for any info.

0
Comment
Question by:steva
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
5 Comments
 
LVL 40

Expert Comment

by:gurvinder372
ID: 35207950
if you just right click on any element, and select option 'Inspect Element', it will show where the styles are picked up or inherited from
0
 
LVL 7

Expert Comment

by:kpmartin
ID: 35207986
Install the "web developer" add-on and select "display ID & class info" under the information tab.
kevin
0
 

Author Comment

by:steva
ID: 35208610
The things you guys suggested tell me the class and ID that a given element uses.  But I want to go the other way.  Given a style rule in the style sheet, which elements, if any, use it. I'd like something to tell me for all the unused style rules, something like: "not used" so I can delete it and clean up the style sheet.
0
 
LVL 16

Accepted Solution

by:
s8web earned 500 total points
ID: 35208858
0
 

Author Closing Comment

by:steva
ID: 35209758
Perfect!

Thank you.
0

Featured Post

SendBlaster Pro 4 - Bulk Email Sending Software

SendBlaster 4 Pro - Best Bulk Emailing Sending Software
Automatic Subscribe / Unsubscribe Processing
Great for Newsletters & Mass Mailings
Optional HTML & Text Composition
Integration with Google Features
Built in Spam Score Checking
Free Professional Templates - Feature Packed!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
mozilla how to book mark to specific book mark folder 10 115
CSS for <center> 14 47
CSS Formatting Getting Stripped 1 31
No Google Earth on my MacBook? 9 28
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This article offers some helpful and general tips for safe browsing and online shopping. It offers simple and manageable procedures that help to ensure the safety of one's personal information and the security of any devices.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

738 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question