Интервал между элементами списка

Question

У меня проблема с интервалом.

Моя проблема заключается в том, что в

#dropdown ul li + li:before { 
    content: " | "; 
    padding: 0 10px; 
} 

добавляет содержимое этого метода (?), Чтобы перед каждым элементом списка в этом выпадающем меню.

Мне нужно, чтобы он просто проходил между первым ли. Я чувствую, что theres способ указать, что мне просто нужно это между li первого неупорядоченного списка.

<div class=”dropdown”> 
    <ul> 
     <li> Services /** I need it here somehow */ 
      <ul> 
       <li>support center</li> 
       <li>contact us</li> 
      </ul> 
     </li> 
     <li> Products 
      <ul> 
       <li>Ball</li> 
       <li>Truck</li> 
      </ul> 
    </ul> 
</div> 

Помощь?

Answer 1

попробовать что-то вроде этого:

#dropdown ul li:before { 
    content: " | "; 
    padding: 0 10px; 
} 

#dropdown ul li:first-child:before { 
    content: ""; 
    padding: 0 10px; 
} 

Answer 2

Понял работать! Благодаря!

#dropdown > ul > li + li:before { 
    content: " | "; 
    padding: 0 10px; 
}