Question

I am trying to create a navigation menu and I would like my first <li> to line up perfectly with the container above it but I need some spacing to the right of the first <li> so I’m trying to do something like:

nav .innercontainer ul li:nth-of-type(2n+1){ /*only happen after the first <li>*/
    margin-left:20px;
}

Thanks these pseudo select elements are confusing as hell.

Answer 1

The easiest way to do this is with the + selector:

ul > li + li{
    /* all li elements except the first */
}