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