Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/elixir/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Sass 元素:悬停不';不要影响孩子_Sass - Fatal编程技术网

Sass 元素:悬停不';不要影响孩子

Sass 元素:悬停不';不要影响孩子,sass,Sass,我正在为我的学习路径编写一个网站,我遇到了以下问题: 当我将鼠标悬停在&\uu项上时,动画属性不会以&\uu选择的样式显示 sass代码: &\uu项目{ /*...*/ __挑选{ /*...*/ } &:悬停和选择{ 动画:动画选择800ms缓进输出0ms 1; } } 您使用的是BEM命名约定,要针对\u选择类,有几种方法可以做到这一点,这个stackoverflow也很好地解决了这个问题,现在我猜是这样的 &__item { /*...*/ __selection{

我正在为我的学习路径编写一个网站,我遇到了以下问题:
当我将鼠标悬停在
&\uu项
上时,动画属性不会以
&\uu选择
的样式显示

sass代码:

&\uu项目{
/*...*/
__挑选{
/*...*/
}
&:悬停和选择{
动画:动画选择800ms缓进输出0ms 1;
}
}

您使用的是BEM命名约定,要针对
\u选择
类,有几种方法可以做到这一点,这个stackoverflow也很好地解决了这个问题,现在我猜是这样的

&__item {
  /*...*/

  __selection{
    /*...*/
  }

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

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

  }
}


.item{ 

    &__selection {
         /*...*/
    }

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