具有 BEM 悬停状态的 SASS [重复]

Question

    .card {
      &__header {}

      &__title {}

      &__content {}

      &__hasFullImage {

        &:hover {
          &__header {}

          //I want something like this
          .card__header {}

          //and not to type the parent class
        }
      }
    }

所以我面临着将 BEM 与 SASS 一起使用的情况，对我来说，这一切的重点是我可以将我的 SCSS 文件抓取到其他项目中，将父类的名称更改为我想要的任何内容并且可以使用。但是在悬停的这种情况下，如果不使用 &__header，我就无法到达 .card__header，所以如果我更改父类，我也需要更改悬停时的类。 因为输出将是 .card__hasFullImage .card__hasFullImage__header 而我想要的是 .card__hasFullImage .card__header。 有什么方法可以在不输入父类的情况下做到这一点？

Answer 1

.card {
  $this: &;
  
 &__hasFullImage {
   &:hover {
      #{$this}__header {}
    }
}

SCSS target class before :hover - 我也有同样的问题