Вложение: после: последний ребенок с МЕНЬШЕ

С помощью LESS мне нужно удалить свойство after после элемента: last-child.

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

Это, очевидно, не правильное вложение - чего мне не хватает?

Ответ 1

Это выглядит правильно для меня, но если он не работает, попробуйте не вложить этот второй :after:

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

Если вы имеете в виду, что псевдо-элемент :after по-прежнему отображается для последнего дочернего элемента, то вы, безусловно, захотите изменить content: ''; на content: none;. Пустая строка по-прежнему вызывает создание пустого поля, а none не генерирует поля.

Ответ 2

Вы также можете использовать:

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

  }
}