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生成框。

Answer 2

您还可以使用：

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

  }
}