嵌套:之后:LESS的最后一个孩子

时间:2012-08-15 12:13:28

标签: css less

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

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

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

2 个答案:

答案 0 :(得分:20)

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

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

如果您的意思是:after伪元素仍然显示给最后一个孩子,那么您肯定希望将content: '';更改为content: none;。空字符串仍会生成空框,而none会生成框。

答案 1 :(得分:1)

您也可以使用:

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

  }
}