防止李父李+攜帶兒童

Question

我使用這個我的導航菜單上分離列表項

nav li + li:before{ 
    content: " | "; 
} 

這使得每個列表項目之間的吧，它不會把前槓第一元件。使用：before僞選擇器，它不會在末尾放置一個。 （這裏建議的Separators For Navigation）

但是，我想要防止這一點進行到子列表項。

例如nav ul li ul li

我試過content:none;和content:"";對孩子，但他們仍然顯示在子菜單中。

請幫忙！

Answer 1

替代而不覆蓋，使用兒童Combinator的（>）：

nav > ul > li + li:before { 
    content: " | "; 
} 

童Combinator的選擇的元素，如果它是另一個元件的直接子（而不是該元素的孫） 。

Answer 2

啊 - 我找到了答案！

nav ul li li:before { 
    content: ""; 
}