Bule Posted January 3, 2013 Share Posted January 3, 2013 I was wondering if there was a tool or utility that one could run against a CSS file (or maybe CSS and the HTML combined) and it would show which CSS selectors applies to every component of the HTML? In other words, if I have this table{width:100%;}table, tr, td {background-color:blue;}body{font:seriff;} I'd like the tool to show what markup applies to the text in a table cell. Inheritance and cascading is kicking my butt.... Link to comment Share on other sites More sharing options...
jeffman Posted January 3, 2013 Share Posted January 3, 2013 Firefox. Tools->Web Developer->Inspect Watch what happens at the bottom and right side of your window as your drag your mouse over various elements. Alternatively, right-click on an element and select Inspect Element from the pop-up menu. Link to comment Share on other sites More sharing options...
Bule Posted January 3, 2013 Author Share Posted January 3, 2013 That's awesome! Thanks so much. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now