有没有人知道如何使用SCSS?
例:
.example { padding: 2px; &:hover { padding: current_padding + 3px; // OR padding+= 3px //... something like this } }
我试图得到.example:hover有5px的填充.
解决方法
我不认为有一种方法可以在SCSS中完成你想要的,但是可以通过使用变量来实现相同的效果:
SCSS
.example { $padding: 2px; padding: $padding; &:hover { padding: $padding + 3px; } }
编译
.example { padding: 2px; } .example:hover { padding: 5px; }
请参阅variables和number operations上的文档.