sas和sss的区别,什么是sass

　　半导体色敏传感器和厚颜无耻区别

　　这是最初发表于2014年四月28日的一篇文章的更新版本。

　　这是最初于2014年四月28日发布的文章的更新版本。

　　我写了很多关于萨斯的文章，但是我得到的一些评论表明，并不是每个人都确切知道萨斯指的是什么。这里有一点需要澄清：

　　我已经在厚颜无耻上写了很多东西，但是我得到的一些评论清楚地表明，并不是每个人都确切知道厚颜无耻指的是什么。这有点清楚：

　　当我们谈论厚颜无耻时，我们通常将预处理程序和语言作为一个整体来看待。例如，我们会说，"我们正在使用萨斯”，或者"这是一个萨斯米辛.同时，萨斯(预处理器)允许两种不同的语法：

　　在谈论厚颜无耻时，我们通常指的是预处理器和整个语言。例如，我们将说"我们正在使用萨斯"或"这是萨斯米辛。同时，萨斯（预处理器)允许两种不同的语法：

Sass

,也称为缩进语法

Sass

,也称为缩进语法

SCSS

,一种类似半铸钢钢性铸铁(Cast Semi-Steel)的语法

SCSS

,类似于半铸钢钢性铸铁(铸造半钢)的语法

　　萨斯的历史(萨斯的历史)最初，Sass是另一个名为Haml的预处理器的一部分，由红宝石开发者设计和编写。因此，Sass样式表使用了类似红宝石的语法，没有大括号、分号和严格的缩进，就像这样：

　　最初，Sass是另一个名为Haml的预处理器的一部分，该预处理器由红宝石开发人员设计和编写。因此，Sass样式表使用的是类似红宝石的语法，没有大括号，没有分号和严格的缩进，如下所示：

　　//变量！primary-color=热粉色//Mixin=border-radius(！radius) -webkit-border-radius=！radius -moz-border-radius=！半径边框-半径=!radius.my-element color=！正如你所看到的，与普通的半铸钢钢性铸铁(Cast Semi-Steel)相比，这是一个很大的变化！即使您是一个萨斯(预处理器)用户，您也可以看到这与我们所习惯的完全不同。变量符号是！而不是$,赋值符号是=而不是：很奇怪。

　　如您所见，与常规半铸钢钢性铸铁(铸造半钢)相比，这是一个很大的变化！即使您是萨斯（预处理器)用户，您也可以看到这与我们以前的习惯完全不同。可变符号是！不是$ ,分配符号是=而不是：很奇怪

　　但这就是厚颜无耻的样子，直到2010年5月3.0版本的到来，引入了一种全新的语法，称为时髦的CSS的SCSS .这种语法旨在通过引入半铸钢钢性铸铁(Cast Semi-Steel)友好的语法来缩小厚颜无耻和半铸钢钢性铸铁(Cast Semi-Steel)之间的差距。

　　但这就是厚颜无耻在3.0版于2010年5月问世之前的样子，它引入了一种全新的语法，称为时髦半铸钢钢性铸铁(Cast Semi-Steel)的SCSS。该语法旨在通过引入半铸钢钢性铸铁(铸造半钢)友好语法来缩小厚颜无耻与半铸钢钢性铸铁(铸造半钢)之间的差距。

　　//Variable $ primary-color:热粉色；//Mixin @ Mixin border-radius($ radius){-WebKit-border-radius:$ radius；-moz-border-radius:$ radius；border-radius:$ radius；}.my-element { color:$ primary-color；宽度：100%;溢出：隐藏；}.my-other-element { @ include border-radius(5px)；} SCSS绝对更接近半铸钢钢性铸铁(Cast Semi-Steel)而不是萨斯.也就是说，Sass的维护者也努力通过移动使两种语法更加接近！（变量符号)和=(赋值符号)从缩进语法到$和：从SCSS .

　　半导体色敏传感器绝对比厚颜无耻更接近CSS。话虽如此，Sass维护人员还通过移动！来使两种语法更加接近！缩进语法中的（变量符号)和=(赋值符号)从半导体色敏传感器转换为$和：

　　现在，当开始一个新项目时，您可能想知道应该使用哪种语法。让我来启发一下路径，解释一下每种语法的优缺点。

　　现在，当开始一个新项目时，您可能想知道应该使用哪种语法。让我启发一下道路，并解释每种语法的利弊。

　　厚颜无耻缩进语法的优点（支持厚颜无耻缩进语法)虽然这个语法看起来很奇怪，但是它有一些有趣的地方。首先是

shorter and easier to type

。没有大括号和分号，你不需要所有这些东西。甚至更好！当一个字符就足够了时，不需要@mixin或@ include:=和.

　　尽管此语法看起来很怪异，但它有一些有趣的地方。首先，它

更短，更容易键入

。不再需要花括号和分号，您不需要所有这些东西。更好！当一个字符就足够时，不需要@mixin或@include :=和。

　　厚颜无耻语法

enforces clean coding standards

也是靠缩进实现的。因为一个错误的缩进很可能会破坏整体sass。样式表，它确保代码始终是干净的和格式良好的。有一种方法可以编写厚颜无耻代码：好的方法。

　　此外，Sass语法通过依赖缩进来

强制执行干净的编码标准

。由于错误的缩进可能会破坏整个。厚颜无耻样式表，因此可以确保代码始终干净且格式正确。编写厚颜无耻代码的方法有一种：好的方法。

　　但是要小心！缩进在厚颜无耻中有所指。当缩进一个选择器时，意味着它嵌套在前一个选择器中。例如：

　　但是要当心！缩进意味着厚颜无耻中的东西。缩进选择器时，表示它嵌套在前一个选择器中。例如：元素a颜色：热粉色元素-b浮动：左…将输出以下CSS:

　　…将输出以下CSS:元素-a {颜色：热粉色；}.element-a . element-b { float:left；}推的简单事实。向右一级意味着它是。元素-第一，改变产生的CSS .非常小心你的缩进！

　　向右推。元素b一个简单的事实意味着它是。元素构成动植物的古名或拉丁化的现代名的子。元素-第一，更改了结果CSS。小心缩进！

　　作为题外话，我觉得基于缩进的语法可能更适合Ruby/Python团队，而不是PHP/Java团队（尽管这是有争议的，我很乐意听到相反的意见)。

　　顺便说一句，我觉得基于缩进的语法可能更适合Ruby/Python团队而不是PHP/Java团队（尽管这值得商蝙蝠，我很想听听相反的意见)。

　　半导体色敏传感器语法的优点(SCSS语法的优点)对于初学者，它是

fully CSS compliant

。这意味着，你可以在scss，它会正常工作。自半导体色敏传感器发布以来，让半导体色敏传感器与半铸钢钢性铸铁(Cast Semi-Steel)完全兼容一直是厚颜无耻维护者的首要任务，在我看来这是一件大事。此外，他们试图尽可能接近将来可能成为有效的半铸钢钢性铸铁(Cast Semi-Steel)语法（因此有了@指令).

　　首先，它

完全符合CSS要求

。这意味着，您可以在。半导体色敏传感器重命名半铸钢钢性铸铁(铸造半钢)文件，它将正常工作。自从半导体色敏传感器发布以来，使半导体色敏传感器与半铸钢钢性铸铁(铸造半钢)完全兼容一直是厚颜无耻维护人员的优先考虑的事情，我认为这是很大的事情。而且，他们尝试尽可能地贴近将来可能成为有效半铸钢钢性铸铁(铸造半钢)语法的内容（因此@指令).

　　因为半导体色敏传感器兼容CSS，所以意味着有