Aaron T. Grogg

This plug-in takes the URL, chops it into pieces, and adds each “piece” as an additional 
class to the <code>body</code> tag.
Meaning, if your page’s URL is: 
http://www.example.com/2012/02/24/wordpress-plugin-add-url-slugs-as-body-classes/ 
Your page’s <code>body</code> tag would have at least these classes: 
 2012 02 24 wordpress-plugin-add-url-slugs-as-body-classess
It gets much stronger when you start thinking about Categories or nested Pages: 
 http://www.example.com/category/wordpress/ 
which would add: 
 category wordpress 
while: 
 http://www.example.com/movies/star-trek/wrath-of-khan/ 
would add: 
 movies star-trek wrath-of-khan
This allows you to very easily add custom CSS and/or JS to these pages based on these new CSS classes.
Please let me know if you have any questions/suggestions/thoughts, 
Atg 
http://aarontgrogg.com/ 
aarontgrogg@gmail.com

Add URL Slugs as Body Classes

When in Admin mode, this plug-in adds classes to the <code><body></code> tag to let 
your CSS know where you are.
For example, if you are viewing the list of all your Posts, you would get this additional class: 
 edit-list-post 
And, when you are editing a Post, something like this: 
 edit-page-post
Alternatively, for custom posts, for example “movie”, you would see either: 
 edit-list-movie 
or: 
 edit-page-movie
This allows you to write custom CSS and JS to interact with these varying edit pages within WP.
Please let me know if you have any questions/suggestions/thoughts, 
Atg

Add Custom Post Type Slugs to Admin Body Class

Add Custom Post Type Slugs to Admin &lt;body&gt; Class

Add URL Slugs as Body Classes vs Add Custom Post Type Slugs to Admin Body Class