Menu CSS Names

Module info

This is a very simple module that takes the link text of each drupal menu item and adds it as a css class name to the menu's <li> element. Using these class names, each menu item can be styled separately with css. This is also very useful for css sprite techniques.

Drupal 10/11 notes

There are admin settings for this module, for local tasks and actions, for other menus it starts doing its work once the module is enabled. All caches are automatically cleared at this time also.

Legacy Compatibility (D7)

Tested with the following:
- Nice Menus (6.x-2.1)
- Special Menu Items (6.x-1.5)
- DHTML Menu (6.x-3.5 / 7.x-1.0-beta1)
- Zen theme

There are no admin settings for this module, it starts doing its work once the module is enabled. All caches are automatically cleared at this time also. This module works with menus in blocks (including Primary Links) and menus in themes (menus that are enabled from the theme's configuration page).

CSS Names

As promised, I've created a new module called CSS Names that collects together Menu CSS Names and a few other useful theming modules. These modules are similar to Menu CSS Names, in that they add additional class names to a particular HTML element, making it possible to target with css. Menu CSS Names will continue to be available as a standalone module, and as I make changes to it, I'll put them into CSS Names, too.