元素：悬停不影响孩子

Question

我正在为我的学习路径编写一个网站，但遇到以下问题：
当我悬停&__item 时，动画属性不会以&__selection 的样式出现...

sass 代码：

&__item {
  /*...*/

  __selection{
    /*...*/
  }

  &:hover &__selection {
    animation: animSelect 800ms ease-in-out 0ms 1;
  }
}

Answer 1

您正在使用 BEM 命名约定，针对 __selection 类有几种方法可以做到这一点，这个 stackoverflow answer 也很好地涵盖了这个问题，现在这些是我的猜测

&__item {
  /*...*/

  __selection{
    /*...*/
  }

  &:hover __selection { //more of a normal css solution

    animation: animSelect 800ms ease-in-out 0ms 1;

  }
}

或

.item{ 

    &__selection {
         /*...*/
    }

    &:hover & {
        &__selection  {
             /*...*/
        }   
    }
}