你们如何维护用Less/Sass构建的CSS？
我喜欢DevTools/Firebug的一点是能够查看css样式的行号。除了手动搜索.less/.scss文件以找到我想要修改的代码之外，还有什么好方法可以用CSS预处理器来完成这项工作吗？
Chrome开发工具现在支持开箱即用的Sass调试。
已更新以包含源映射：
以前的版本在css中使用内联注释来提供对源代码的引用（请参阅下面的操作方法）。最新版本的sass（3.3+）和chrome（31+）使用源地图：
- 确保你有Sass 3.3.x
- 使用
--sourcemap标志编译Sass - 在Chrome/ium DevTools中打开设置并单击常规
- 打开"启用CSS源映射"
更多信息请访问Chrome开发工具博客：https://developers.google.com/chrome-developer-tools/docs/css-preprocessors
旧版本：
1.首先，您应该在打开--debug-info的情况下编译Sass。
2.在Chrome/ium中转到关于：flags
3.启用开发人员工具实验
4.在检查器中（F12），打开"设置"，然后转到"实验"选项卡并选中"支持SASS"。
如果您正在选择应该使用哪种，这篇关于css技巧的文章可能会引起您的兴趣。
我逐渐体会到，使用LESS或SASS的优点多于缺点。虽然这肯定是一个缺点，但我只能建议你很好地构建你的文件，这样你所寻求的任何风格都可以很容易地使用其他参考找到，这里有一些你可以做的事情：
- 记录样式表的区域；即
/* General */、/* Header */和/* Footer */ - 为可以快速识别的类使用逻辑合理的名称（不要像error1-error10之类的编号）
- 学习剖析类/元素/id选择器，并思考如何/在哪里编写它们
- 使用CTRL+F，通常可以很容易地找到精确的属性或其附近的属性
SASS
现在有一种方法可以在firefox中调试SASS，使用一个扩展名读取并显示firebug检查器中的SASS文件。要使用，请安装扩展并启用相应的调试标志。
https://addons.mozilla.org/en-US/firefox/addon/firesass-for-firebug/
编辑：截至2014-07-06，此插件不再可下载。FireSass已经停产
Chrome/Webkit版本已经在网络上出现，Chrome中有一个测试版功能，增加了对SASS调试的支持。它基于firefox版本中使用的相同调试信息。到目前为止，还不能正确地判断其中的任何一个，也没有发现一些被公众接受的插件。
LESS/STYLUS
正如这条推文@jaketrent所解释的那样，chrome在调试方面取得了进展，但还没有任何进展，考虑到LESS github的状态，它可能还需要一段时间。。。这两个解决方案都基于chrome中SASS调试支持的测试版功能，基本上添加了与SASS相同的调试信息。
- https://github.com/cloudhead/less.js/pull/1038
- https://github.com/LearnBoost/stylus/pull/886
我很少在LESS中遇到维护/调试问题——我们总是在服务器端编译，并且只引用HTML页面中的CSS文件。这使得它总是与网页和光盘上的文件一一对应。
然后，当我必须编辑LESS文件时，我发现LESS，因为它几乎是CSS+额外的标记，所以很容易将我混淆的任何内容追溯到CSS中的原始语句。如果它是一个mixin，它是非常明显的（因为我通常使用mixin来防止重复执行所有供应商前缀的东西），然后它只是一个逻辑层次结构，因为我们使用了类嵌套功能，所以查找：
div#awesome aside ul
就像找到一样容易
div#awesome{
aside{
ul{
padding: 0;
}
}
}
（尽管我们尽量不超过3层深）
我对SASS没有真正的经验，但我不喜欢几年前我第一次看到它时它离CSS有多远（从那以后就再也没有回来过）
一些提示：
- 在版本控制中同时包含.sas和.css文件。这样每个人都有最新的变化
- 如果您将样式表组织到逻辑区域中，那么维护就轻而易举了
- 此外：尽量使用少于三种主颜色，然后使用SASS颜色函数对其进行修改，并将结果存储在变量中，以便在整个设计/主题中重复使用
例如：$chartreuse: #7fff00$olive: darken($chartreuse, 32%)
这样，你只需要保持一种颜色。其余部分将重新计算。
直到最近，浏览器中还没有SASS调试工具。
现在有一个名为FireSASS的Firefox插件(https://addons.mozilla.org/en-US/firefox/addon/firesass-for-firebug/)
在sass --watch命令中，为--debug-info添加一个-g，这样它将输出运行插件所需的挂钩。
由于火灾，我从较少切换到了萨斯。有了这个，你就可以在firebug中获得原始的sass行。
如果使用sass ，请安装firesass