html - 在元素中实现 SASS 会不会太难?

标签 html css sass

<分区>


想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它.

关闭 4 年前

我已经使用没有 CSS 预处理器的常规 CSS 3 构建了 80% 的作品集网站。开始将所有内容转移到 SASS 会不会太复杂(晚)?谢谢!

最佳答案

如果您使用 SCSS 语法而不是空格敏感的 SASS 语法(我所知道的每个 SASS 处理器都支持这两种语法),您可以逐渐迁移代码以使用 SASS 的功能。除非你的代码中有一些东西会混淆 SCSS 解析器(我从来没有遇到过这种情况),否则将纯 CSS 迁移到 SCSS 应该是无痛的。

最终,当您识别出代码中的重复时,您可以将其重构为 SASS 混入和变量,但您可以在合理的情况下这样做。

空白敏感(或“缩进”语法)是一种较旧的格式,现在不如 SCSS 变体流行。基本上,相同缩进级别的任何内容都是缩进“小于”的任何内容的子级。示例:

.myclass
   :color red
   :font-size 0.2em

这就像下面的 SCSS:

.myclass {
   color: red;
   font-size: 0.2em;
}

但现在大多数人改用 SCSS 方言,除了支持嵌套的选择器声明、替换变量和混合外,它看起来基本上像常规 CSS。

关于html - 在元素中实现 SASS 会不会太难?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54847787/

上一篇:css - 小黑客 : bootstrapdocs. com 导航栏示例 (Bootstrap 3.3)

下一篇:javascript - 使用 javascript 创建一个表

相关文章:

html - 将 HTML 元素上的关键动画一个接一个地分开

javascript - readyState "conecting"上的 WebRTC 数据通道堆栈

jquery - 当YouTube iframe通过z-index在图片后面时,如何使其可点击?

javascript - 如何为 Onclick 内部设置新的函数参数

javascript - 如何更新 div 元素内 html 元素的 id 和名称?

jquery - 输入元素的流体宽度

Edge 中的 CSS 问题 - 下划线

Sass - 操纵继承的属性(property)?

html - 如何通过缩放而不拉伸(stretch)使图像适合父div

javascript - 如何创建像大多数网站上那样的通用侧边栏?