使用CSS预处理器注意事项

标签: CSS

CSS处理器的出现极大提高样式代码的模块化、可维护性,但在使用CSS预处理器时需要注意以下几点:

  1. 注意代码重复。尤其当@mixin@extend联合使用时,CSS代码将成倍增加。
  2. 避免过长的选择器。选择器过长不仅会导致样式文件变大,而且将增加浏览器处理样式的负担。
  3. 嵌套(即后代选择器)不要超过4层。虽然使用嵌套可减少IDclass,但太过详细会降低样式的复用性。
  4. 浏览器调试工具暂不支持调试CSS预处理器的代码,只能先编译成CSS代码后再调试。
留言板
comments powered by Disqus