Title: Adding navbar divider lines using "li li" (CSS)
Last modified: August 22, 2016

---

# Adding navbar divider lines using "li li" (CSS)

 *  Resolved [studioam](https://wordpress.org/support/users/studioam/)
 * (@studioam)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/adding-navbar-divider-lines-using-lili-css/)
 * Hi!
 * Here’s the site I’m working on: [http://www.studioamdevelopment.com/](http://www.studioamdevelopment.com/)
   
   I’m working on a child theme of Twenty Twelve.
 * I added this to my CSS to create divider lines between the navbar menus:
    `li
   +li { border-left: 1px solid #000000 }`
 * However, it applies a black left border to _everything_ on the page that’s a 
   list. After looking through the comments in [the tutorial I used](http://www.jackreichert.com/2011/07/31/how-to-add-a-divider-between-menu-items-in-css-using-only-one-selector/),
   I found this tip:
 * “You want to use the css child selector > for that.
    If the top level UL has 
   an id of #nav the code would be #nav > li + li. This targets only the direct 
   children of #nav.”
 * **So my question is: can anyone help me find the “CSS child selector” for my 
   top navbar, so that the left borders disappear from drop-down items and other
   areas on the page? I’ve tried a ton of things and none work. **
 * This is my first time in WordPress and first time making a child theme, so, *
   newwwwbie.* Assume I know nothing ; )
 * Thanks so much!!

Viewing 1 replies (of 1 total)

 *  Thread Starter [studioam](https://wordpress.org/support/users/studioam/)
 * (@studioam)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/adding-navbar-divider-lines-using-lili-css/#post-5714441)
 * Found it!!!!!!
 * `#menu-menu-1 > li+li { border-left: 1px solid #000000 }`
 * Phew. Hope that helps somebody down the line.

Viewing 1 replies (of 1 total)

The topic ‘Adding navbar divider lines using "li li" (CSS)’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [nav bar](https://wordpress.org/support/topic-tag/nav-bar/)
 * [twenty twelve](https://wordpress.org/support/topic-tag/twenty-twelve/)

 * 1 reply
 * 1 participant
 * Last reply from: [studioam](https://wordpress.org/support/users/studioam/)
 * Last activity: [11 years, 6 months ago](https://wordpress.org/support/topic/adding-navbar-divider-lines-using-lili-css/#post-5714441)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics