SCSS ve Sass arasındaki fark nedir?

Sass, sözdizimi geliştirmeleri olan bir CSS ön işlemcisidir. Gelişmiş sözdizimindeki stil sayfaları program tarafından işlenir ve normal CSS stil sayfalarına dönüştürülür. Ancak, CSS standardının kendisini genişletmezler.

CSS değişkenleri desteklenir ve kullanılabilir ancak ön işlemci değişkenleri kadar iyi değildir.

SCSS ve Sass arasındaki fark, Sass dokümantasyon sayfasındaki bu metin soruya cevap vermelidir:

Sass için iki sözdizimi mevcuttur. SCSS (Sassy CSS) olarak bilinen ve bu referans boyunca kullanılan ilki, CSS sözdiziminin bir uzantısıdır. Bu, her geçerli CSS stil sayfasının aynı anlama gelen geçerli bir SCSS dosyası olduğu anlamına gelir. Bu sözdizimi aşağıda açıklanan Sass özellikleri ile geliştirilmiştir. Bu sözdizimini kullanan dosyalar .scss uzantısına sahiptir.

Girintili sözdizimi (veya bazen sadece "Sass") olarak bilinen ikinci ve daha eski sözdizimi, CSS yazmanın daha özlü bir yolunu sağlar. Seçicilerin iç içe geçmesini belirtmek için parantez yerine girinti ve özellikleri ayırmak için noktalı virgül yerine satırsonu kullanır. Bu sözdizimini kullanan dosyalar .sass uzantısına sahiptir.

Ancak, tüm bunlar yalnızca sonunda CSS oluşturan Sass ön derleyicisi ile çalışır. CSS standardının kendisinin bir uzantısı değildir.

Ben Sass'ın yaratılmasına yardımcı olan geliştiricilerden biriyim.

Aradaki fark kullanıcı arayüzü. Metinsel dış görünüşün altında aynıdırlar. Bu yüzden sass ve scss dosyaları birbirlerini içe aktarabilir. Aslında, Sass'ın dört sözdizimi ayrıştırıcısı vardır: scss, sass, CSS ve less. Bunların hepsi farklı bir sözdizimini bir Soyut Sözdizimi Ağacına dönüştürür ve bu da CSS çıktısına veya hatta sass-convert aracı aracılığıyla diğer formatlardan birine işlenir.

En çok sevdiğiniz sözdizimini kullanın, her ikisi de tamamen desteklenir ve fikrinizi değiştirirseniz daha sonra aralarında geçiş yapabilirsiniz.

Dilin ana sayfasından

Sass'ın iki sözdizimi vardır. Yeni main sözdizimi (Sass 3'ten itibaren) şu şekilde bilinir "SCSS" ("Sassy CSS" için), ve bir CSS3'ün sözdiziminin bir üst kümesi. Bu şu anlama gelir her geçerli CSS3 stil sayfasının geçerli SCSS de. SCSS dosyaları uzantısı .scss.

İkinci, daha eski sözdizimi şu şekilde bilinir girintili sözdizimi (veya sadece "Sass"). Haml'ın tersliğinden esinlenerek tercih eden kişiler için tasarlanmıştır CSS'ye benzerlikten ziyade özlülük. Parantezler ve noktalı virgüller yerine için satırların girintisini kullanır blokları belirtin. Her ne kadar artık birincil sözdizimi, girintili sözdizimi desteklenmeye devam edecektir. Dosyalar girintili sözdiziminde uzantısı .sass.

SASS, CSS'yi ortaya çıkaran yorumlanmış bir dildir. Sass'ın yapısı (uzaktan) CSS'ye benziyor, ancak bana öyle geliyor ki bu tanım biraz yanıltıcı; CSS'nin yerine geçmiyor ya da bir uzantısı değil. Sonunda CSS'yi ortaya çıkaran bir yorumlayıcıdır, bu nedenle Sass hala normal CSS'nin sınırlamalarına sahiptir, ancak bunları basit kodla maskeler.