• 命名

    命名

    • 类名使用小写字母,以中划线分隔
    • id采用驼峰式命名
    • scss中的变量、函数、混合、placeholder采用驼峰式命名
    1. /* class */
    2. .element-content {
    3. ...
    4. }
    5. /* id */
    6. #myDialog {
    7. ...
    8. }
    9. /* 变量 */
    10. $colorBlack: #000;
    11. /* 函数 */
    12. @function pxToRem($px) {
    13. ...
    14. }
    15. /* 混合 */
    16. @mixin centerBlock {
    17. ...
    18. }
    19. /* placeholder */
    20. %myDialog {
    21. ...
    22. }