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 {
/*...*/
}
}
}