CodePen CSS预处理器

Question

在CodePen中，CSS可以有一系列由CodePen提出的预处理器。我想用Sass在.scss文件中编写一些CSS。

但是，在CodePen上，他们提议将SCSS和Sass作为2个独立的预处理器 - 我应该选择哪一个？

THX！

Answer 1

新主语法（如萨斯3）被称为“SCSS”（代表“野蛮 CSS”），并且是CSS3的语法的超集。这意味着每个有效的 CSS3样式表也是有效的SCSS。 SCSS文件使用扩展名 .scss。第二个较老的语法被称为缩进语法（或称为“Sass”）。

的Sass和SCSS语法不同，但是，可以交替使用两种.scss和.sass扩展为SCSS进程将自动知道其中的差别，但那不是在codepen的情况下，你必须指定确切的语法，你会在写

萨斯语法：

// Variable 
!primary-color= hotpink 

// Mixin 
=border-radius(!radius) 
    -webkit-border-radius= !radius 
    -moz-border-radius= !radius 
    border-radius= !radius 

.my-element 
    color= !primary-color 
    width= 100% 
    overflow= hidden 

.my-other-element 
    +border-radius(5px) 

SCSS语法

// Variable 
$primary-color: hotpink; 

// Mixin 
@mixin border-radius($radius) { 
    -webkit-border-radius: $radius; 
    -moz-border-radius: $radius; 
    border-radius: $radius; 
} 

.my-element { 
    color: $primary-color; 
    width: 100%; 
    overflow: hidden; 
} 

.my-other-element { 
    @include border-radius(5px); 
} 

在这里阅读以查看哪种语法更好： http://thesassway.com/editorial/sass-vs-scss-which-syntax-is-better