ネスト：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はnoボックスを生成します。

Answer 2

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

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

  }
}