嵌套：之後：最後一個孩子與LESS

Question

使用LESS我需要刪除元素：最後一個子元素之後的屬性。

li { 
    &:after { 
     content: '/'; 
    } 
    &:last-child { 
     &:after { 
      content: ''; 
     } 
    } 
} 

這顯然是不正確的嵌套 - 我錯過了什麼？

Answer 1

它看起來正確的給我，但如果它不工作，然後儘量不要的嵌套第二:after：

li { 
    &:after { 
     content: '/'; 
    } 
    &:last-child:after { 
     content: ''; 
    } 
} 

如果你的意思是，:after僞元素仍然顯示最後一個孩子，那麼你會肯定要改爲content: '';改爲content: none;。空字符串仍然會導致產生空框，而none生成否框。

Answer 2

您還可以使用：

li { 
&:not(:last-child):after { 
    content: " | "; 

    } 
}