• SCSS相关

    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. }