如何使用last：child？

Question

我正在使用sass，但是我的代码无效。

我想摘下最后一个“：after”（竖线），但我不能。

谢谢

.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>