I have recently started learning WordPress and have started creating a WordPress website. 
I have created a drop down side navigation for one of my pages (using the menu options given in WordPress, and added it " ") and am having a little trouble styling it the way I want. 

Since it is a drop down menu, I would like to style the parents of the navigation with a grey border (but not the children) if I style the li in css, then all li's are surrounded with a border (even the children). I know this is because they are also li's, but is there a class assigned to the parents (or a way I can assign a class to them) so I can style them separately? 

<http://jsfiddle.net/twLj3eba/>

The fiddle is basically a visual example (this is not being used by me). I would like the parents to have a border around them, and the children to not have anything around them. 

```
.sideNavi a{
    color:#666666;
}

.sideNavi li ul{
    display: none;
}

.sideNavi li:hover ul{
    display: block;
}

```

The css code is my code 

thank you