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，所以意味着有little to no learning curve。语法是已知的：毕竟，它只是带有一些额外功能的CSS .当与没有经验的开发人员一起工作时，这一点很重要：他们将能够在不知道厚颜无耻的第一件事的情况下快速开始编码。

　　由于半导体色敏传感器与半铸钢钢性铸铁(铸造半钢)兼容，这意味着几乎没有学习曲线。语法是已知的：毕竟，它只是CSS，还有一些其他功能。与经验不足的开发人员一起工作时，这一点很重要：他们将能够快速开始编码，而无需了解厚颜无耻的第一手资料。

　　而且是easier to read因为实际上有意义。当你读到@mixin的时候，你知道这是一个混入类声明；当你看到@包含时，你在调用一个混合.它没有任何捷径，大声读出来一切都有意义。

　　此外，它更容易阅读，因为它确实有意义。当您阅读@mixin，您知道它是一个混入类声明；当您看到@包含，您正在调用混合。它没有任何捷径，大声读出时一切都有意义。

　　此外，大多数现有的厚颜无耻工具、插件和演示都是使用半导体色敏传感器语法开发的。随着时间的推移，这种语法变得越来越重要，成为默认选择，主要是出于上述原因。

　　而且，大多数现有的厚颜无耻工具，插件和演示都是使用半导体色敏传感器语法开发的。随着时间的流逝，主要由于上述原因，该语法正变得越来越突出，并且成为默认选择。

　　最后的想法（最后的想法)选择权在你，但是除非你有很好的理由使用缩进语法编码，否则我强烈建议你使用半导体色敏传感器而不是萨斯。不仅更简单，也更方便。

　　选择取决于您，但是除非您有充分的理由使用缩进语法进行编码，否则我强烈建议您在厚颜无耻上使用SCSS。它不仅更简单，而且也更加方便。

　　我曾经自己尝试过缩进语法，并且很喜欢。我喜欢它的简短和简单。实际上，在最后一刻改变主意之前，我正准备将整个代码库转移到萨斯.我感谢过去的自己停止了这一举动，因为如果我们使用缩进语法，那么使用我们的一些工具将会非常困难。

　　我曾经亲自尝试过缩进语法并喜欢它。我喜欢那又短又容易。实际上，在最后一刻改变主意之前，我实际上打算将整个代码库移交给萨斯。我感谢我过去的努力停止了这一步，因为如果使用缩进语法，使用我们的一些工具将非常困难。

　　另外，请注意厚颜无耻从来不是大写的，无论你谈论的是语言还是语法。同时，SCSS总是大写。需要提醒吗？SassnotSASS.com来救援了！

　　另外，请注意，无论您是在谈论语言还是语法，Sass都不会大写。同时，SCSS始终为大写。需要提醒吗？SassnotSASS.com进行救援！

　　翻译自：https://www . site point . com/whats-difference-sass-scss/

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

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。