文件命名

  • CSS模块文件，其文件名必须与模块名一致；

假定有这样一个模块：

  1. .m-detail { sRules; }
  2. .m-detail-hd { sRules; }
  3. .m-detail-bd { sRules; }
  4. .m-detail-ft { sRules; }

那么该模块的文件名应该为：m-detail.css

  • CSS页面文件，其文件名必须与HTML文件名一致；

假定有一个HTML页面叫 product.html，那么其相对应的CSS页面文件名应该为：product.css

假定现在有一个 product.html，里面有2个模块：

  1. +<section class="m-list">
  2. +<section class="m-info">

那么开发人员能快速找到与该页面相关的3个直接CSS文件，包括：product.css, m-list.css, m-info.css