css - ネスト：after of：last-child with LESS

Question

LESSを使用して、要素の：last-child内の：afterプロパティを削除する必要があります。

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

これは明らかに正しいネストではありません-私は何が欠けていますか？

Answer 1

私には正しいように見えますが、それが機能しない場合は、その2番目をネストしないようにしてください:after：

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

:after疑似要素が最後の子に対して引き続き表示されることを意味する場合は、代わりに必ず変更content: '';する必要がありますcontent: none;。空の文字列を使用すると、空のボックスが生成されますが、ボックスはnone生成されません。

Answer 2

次のものも使用できます。

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

  }
}