SCSS相关

提交的代码中不要有 @debug

声明顺序:

  • @extend
  • 不包含 @content@include
  • 包含 @content@include
  • 自身属性
  • 嵌套规则

@import 引入的文件不需要开头的'_'和结尾的'.scss';

嵌套最多不能超过5层;

@extend 中使用placeholder选择器;

去掉不必要的父级引用符号'&'。

  1. /* not good */
  2. @import "_dialog.scss";
  3. /* good */
  4. @import "dialog";
  5. /* not good */
  6. .fatal {
  7. @extend .error;
  8. }
  9. /* good */
  10. .fatal {
  11. @extend %error;
  12. }
  13. /* not good */
  14. .element {
  15. & > .dialog {
  16. ...
  17. }
  18. }
  19. /* good */
  20. .element {
  21. > .dialog {
  22. ...
  23. }
  24. }