使用构建工具进行开发，最终通过构建工具打包编译出最终的前端代码是现在的大趋势，但是构建工具生产出来的大都是前后端分离的代码。如果对seo有要求，通过构建工具就不符合需求了（不考虑SSR，毕竟它局限于Node）； 在PHP的世界里还是有很多不分离的场景的（例如wordpress）。 对于html可以通过PHP自身的特性去拆分，对于JS 已经有了很多成熟的模块化方案。 那么对于css呢？ 这里的模块化

相关文档：https://www.sass.hk/docs/ 下载Ruby：https://github.com/oneclick/rubyinstaller2/releases/download/RubyInstaller-3.1.0-1/rubyinstaller-3.1.0-1-x64.exe gem sources --add https://gems.ruby-china.com/ --

1. 通配符选择器：  *{...};  选择所有元素； 2. HTML标签选择器：p{...} 、#p{...}、.p{...}; 选择指定的所有标签，指定id，指定类的所有标签； 3. 类选择器选择有特定 class 属性的 HTML 元素，如需选择拥有特定 class 的元素，请写一个句点（.）字符，后面跟类名。选择所有具有 class="center" 的 <p> 元素：p.c