Как использовать last: child?

Question

Я работаю с sass, и мой код не работает.

Я хотел бы снять последнее ": после" (труба), но не могу.

Спасибо

.l-footer-top {
  .nav {
      a {
        color: $green;
        padding: 0rem 0.5rem;
        text-transform: uppercase;

        &:after {
          content: '\00007C';
          color: theme-color('primary');
        }

        &:last-child:after a {
          content: none;
          }
      }
    }
  }

Answer 1

Попробуйте что-то вроде этого:

.l-footer-top {
  .nav-item {
    a {
      color: $green;
      padding: 0rem 0.5rem;
      text-transform: uppercase;
      &::after {
        content: '\00007C';
        color: theme-color('primary');
      }
    }

    &:last-child a::after{
      content:none
    }
  }
}

Ваш last-child является <li>, а не <a>