scss中的兄弟选择器 & scss常见编译规则总结
scss中的兄弟选择器
问题背景
当想要hover到元素A的时候,修改元素的display状态。
一开始使用了下面代码
.elementA{
&:hover{
.elementB{
display: block;
}
}
}
但实际上,上面的scss代码将会编译为
.elementA:hover .elementB, .elementB:hover .elementB{
display: block;
}
由于在scss中,换行符将会被编译为
原创
2022-04-08 23:46:45 ·
2418 阅读 ·
0 评论