Title: Inject CSS classes into menu items
Last modified: August 21, 2016

---

# Inject CSS classes into menu items

 *  Resolved [jasonkanzler](https://wordpress.org/support/users/jasonkanzler/)
 * (@jasonkanzler)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/inject-css-classes-into-menu-items/)
 * As a follow up to my [previous question](http://wordpress.org/support/topic/responsive-menu-items?replies=4)…
 * What is the best way to inject custom CSS classes into specific elements. I’m
   trying to apply 3 separate styles to my menu items (3 items with one style, 3
   with another style, and 2 with yet another style).
 * If possible, I would like to stay away from pseudo classes (ex. `:first-of-type`,`:
   nth-of-type`).

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [acub](https://wordpress.org/support/users/acub/)
 * (@acub)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/inject-css-classes-into-menu-items/#post-4190301)
 * [http://wp.tutsplus.com/tutorials/creative-coding/understanding-the-walker-class/](http://wp.tutsplus.com/tutorials/creative-coding/understanding-the-walker-class/)
 *  Theme Author [presscustomizr](https://wordpress.org/support/users/nikeo/)
 * (@nikeo)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/inject-css-classes-into-menu-items/#post-4190312)
 * Hi,
    There is a simple way to add a class to each menu element in WordPress. 
   More info and example [here](http://www.themesandco.com/snippet/adding-css-classes-wordpress-menu/).
 * Hope this helps and thanks for beeing a Customizr user!
 *  Thread Starter [jasonkanzler](https://wordpress.org/support/users/jasonkanzler/)
 * (@jasonkanzler)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/inject-css-classes-into-menu-items/#post-4190326)
 * [@acub](https://wordpress.org/support/users/acub/) I will be reading through 
   that tutorial soon. Thanks!
 * [@nikeo](https://wordpress.org/support/users/nikeo/) Perfect. Exactly what I 
   was looking for. I had no idea that functionality existed in WP. It goes without
   saying, but awesome job with Customizr!
 * [resolved]

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Inject CSS classes into menu items’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png)
 * Customizr
 * [Support Threads](https://wordpress.org/support/theme/customizr/)
 * [Active Topics](https://wordpress.org/support/theme/customizr/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/customizr/reviews/)

## Tags

 * [acublook](https://wordpress.org/support/topic-tag/acublook/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [header](https://wordpress.org/support/topic-tag/header/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)

 * 3 replies
 * 3 participants
 * Last reply from: [jasonkanzler](https://wordpress.org/support/users/jasonkanzler/)
 * Last activity: [12 years, 8 months ago](https://wordpress.org/support/topic/inject-css-classes-into-menu-items/#post-4190326)
 * Status: resolved