Zagnieżdżanie: po: ostatnim dziecku z LESS

Question

Korzystanie z LESS Muszę usunąć właściwość: after w elemencie: last-child.

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

To oczywiście niepoprawne zagnieżdżanie - czego mi brakuje?

Answer 1

Wygląda poprawne do mnie, ale jeśli to nie działa spróbuj nie gniazdowania że drugi :after:

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

Jeśli masz na myśli, że pseudo-element :after nadal wyświetla do ostatniego dziecka, a następnie będziesz zdecydowanie chcę zmienić zamiast tego content: ''; na content: none;. Pusty ciąg nadal spowoduje wygenerowanie pustego pola, a none wygeneruje pole nr.

Answer 2

Można używać również:

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

    } 
}