css - 嵌套 :after of :last-child with LESS

Question

使用 LESS 我需要删除元素的 :last-child 中的 :after 属性。

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

这显然不是正确的嵌套 - 我错过了什么？

Answer 1

它在我看来是正确的，但如果它不起作用，那么请尝试不要嵌套第二个 :after:

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

如果您的意思是 :after 伪元素仍然为最后一个子元素显示，那么您一定要将 content: ''; 更改为 content: none; 代替。空字符串仍会导致生成空框，而 none 生成无框。