命名

  • 类名使用小写字母,以中划线分隔
  • 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. }