css - 准备现有的 CSS 代码以用于 SCSS/Compass

标签 css compass-sass sass

我是 SASS 和 Compass 的新手。我想知道在修改(大量)现有 CSS 模板时使用它们是否实用。如果是这样,是否有任何标记可以应用于现有的 CSS 文件,使它们对 SASS/Compass 友好?

谢谢!

最佳答案

您必须记住,可以在 .sass 文件中不加修改地使用有效的 css,这意味着您可以将现有样式转换为 sass 文件并根据自己的计划进行优化!

我建议首先将重复值转换为变量,而不是用混合等替换重复代码。

如果您正在为元素使用版本控制(我希望您是这样),我强烈建议您不要在单个事务中更改样式和重构它们的结构。理想情况下,任何繁重的重组(纯粹在分段等方面或缩进的大量重新格式化)都将自行完成,并单独跟踪 future 的变化。这将使您能够清楚地看到他们引入的个别更改和回归(如果有),从而实现更合理的工作流程。

一个不相关的说明 - 无论是好是坏,如果您使用 Visual Studio,我强烈建议您使用 WebWorkbench 插件,它负责本地的 sass->css 编译。

关于css - 准备现有的 CSS 代码以用于 SCSS/Compass,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10100002/

相关文章:

html - 当我将鼠标移到链接上时,平滑淡出消失了

javascript - 如果选中/选中所有 2 维单选按钮,则启用按钮

python - 如何使用 flask-bootstrap 将标题文本垂直和水平居中

html - 所有用预处理器编写的 CSS 都可以转换回标准 CSS 吗?

java - 在 Vaadin 中覆盖现有的 Css

html - 萨斯 CSS :after background image not appearing

sass - 在 Sass 中修改选择器的中间部分(添加/删除类等)

CSS-2 背景图片和定位

ruby - 简单的 compass +HAML 网络服务器

compass-sass - 多个目录中的 compass 源