嵌套使用 LESS 的 :last-child 和 :after 选择器

Question

我需要使用LESS在一个元素的:last-child中移除一个:after属性。

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

这显然不是正确的嵌套方式 - 我漏掉了什么？

- Staffan Estberg

Answer 1

我认为这样是正确的，但如果它不起作用，那么尝试不要嵌套第二个 :after：

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

如果你的意思是想让 :after 伪元素在最后一个子元素上仍然显示，那么你肯定需要将 content: ''; 改为 content: none;。一个空字符串仍然会生成一个空框，而 none 则不会生成任何框。

- BoltClock

Answer 2

你也可以使用：

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

  }
}

- Carlos