SCSS和Sass有什么区别?
|
根据我一直在阅读的内容,Sass是一种语言,它通过变量和数学支持使CSS更加强大。
SCSS有什么区别?是否应该使用相同的语言?类似?不同?
没有找到相关结果
已邀请:
13 个回复
驮帽俺篮号
莽缓逢
贸会
文件在视觉上与
文件不同,例如 Example.sass-sass是较旧的语法
Example.scss-sassy css是Sass 3以来的新语法
只需将扩展名从“ 4”更改为“ 1”,就可以将任何有效的CSS文档转换为Sassy CSS(SCSS)。
坛沤疲撑拆
使用分号
作业符号为
要创建一个mixin,它使用“ 9”指令 要使用mixin,在它之前使用
指令 文件扩展名为.scss。 原始萨斯: 语法类似于Ruby 没有括号 没有严格的缩进 没有分号 分配符号是
而不是
要创建一个mixin,它使用ѭ11符号 要使用mixin,它之前带有
符号 文件扩展名为.sass。 有些人喜欢原始语法Sass,而另一些人则喜欢SCSS。无论哪种方式,但值得注意的是Sass的缩进语法尚未被使用,也永远不会被弃用。 使用sass-convert进行的转换:
Sass和SCSS文档
购藏盗码韦
中编写mixin,函数和任何可重用的东西都非常多\比“ 1”(主观)更易读。 SASS缺点 空格敏感(主观),我不介意其他语言,但是在CSS中,它让我感到困扰(问题:复制,制表符与空间大战等)。 没有内联规则(这对我来说很糟糕),您无法像在.scss
中那样
导入其他供应商的东西,复制原始CSS片段-不是没有可能,但一段时间后很无聊。解决方案是在项目中包含have1ѭ文件(以及
文件)或将其转换为
。 除此之外-他们做同样的工作。 现在,我想做的是在
中编写mixins和变量,并在可能的情况下在actually1ѭ中实际编译为CSS的代码(例如,Visual Studio不支持
,但是每当我在Rails项目上工作时,我通常都会合并两个其中一个,而不是放在一个文件中c)。 最近,我正在考虑给Stylus一个机会(使用全职CSS预处理器),因为它允许您将两个语法组合在一个文件中(以及其他一些功能)。对于团队来说,这可能不是一个好的方向,但是当您单独维护它时-没关系。当语法有疑问时,手写笔实际上是最灵活的。 并最终将
与
语法进行混合:
恋裂
搁手
骨酚柯
Sass忽略花括号和分号,而是放在嵌套上,我发现它更有用。
肉簧咸缮
萨斯
编译后输出CSS(两者相同)
有关更多指南,请访问官方网站。
肉簧咸缮
类似于ruby语法,类似于ruby,jade等。 在这些语法中,我们不使用
,而是使用空格,也不使用
... 在
中,语法更像
,但具有更多选择,例如:嵌套,声明等,类似于
和其他预处理
... 它们基本上做相同的事情,但是我分别放几行以查看语法差异,看一下
,
和
: SASS:
SCSS:
视蕉梁拌客
在上面的代码中,我们使用;分隔声明。我什至将.border的所有声明添加到一行上,以进一步说明这一点。 相反,下面的SASS代码必须在不同的行上带有缩进,并且不使用;。
您可以从下面的CSS中看到,与旧的SASS方法相比,SCSS样式与常规CSS更加相似。
我认为这些天大部分时间里,如果有人提到他们正在使用Sass进行工作,那么他们指的是以.scss而不是传统的.sass方式创作。
辅奈
芳菱挨啡