css 如何在sass中@extend没有类名?

3vpjnl9f  于 2023-01-18  发布在  其他
关注(0)|答案(1)|浏览(163)

如果parent在sass中没有类名,有没有办法扩展class?

南苏丹支助中心

div {

  &:last-child {
    margin: 1rem;

    div {
      @extend from parent here i.e. &:last-child
    }
  }
}

@extend &:last-child似乎不起作用。

wfveoks0

wfveoks01#

(To回答我自己的问题),您可以使用@at-root指令将child选择器移动到根级别,以便它可以扩展parent选择器。

南苏丹支助中心

div {

  &:last-child {
    margin: 1rem;

    div {
      @at-root div:last-child {
        @extend div:last-child;
        margin: 0;
      }
    }
  }
}

***css***输出

div:last-child {
  margin: 1rem;
}

div:last-child {
  margin: 0;
}

相关问题