css - 在这种情况下有没有更好的方法来使用嵌套的 SASS 和选择器？

Question

我需要选择一个元素的子元素，但它基于父元素的 :last-of-type。

我试过:

&:last-of-type {
  &__content {
    border-bottom: 0;
  }
}

由于 SASS 的构造方式，这不起作用。

我最终得到了:

.assignment-selection {
  &__list-item {
    &__content {
      border-bottom: 1px solid;
    }
    &:last-of-type {
      .assignment-selection {
        &__list-item {
          &__content {
            border-bottom: 0;
          }
        }
      }
    }
  }
}

有没有更好/更有效的写法？

Answer 1

应该这样做

&:last-of-type > &__content {
  border-bottom: 0;
}