sas和sss的区别,什么是sass

  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/

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

sas和sss的区别,什么是sass