Kāda ir atšķirība starp SCSS un Sass?

Sass ir CSS pirmsprocesors ar sintakses uzlabojumiem. Programma apstrādā stila lapas ar uzlabotu sintaksi un pārvērš tās par parastām CSS stila lapām. Tomēr tās neizvērš pašu CSS standartu.

CSS mainīgie tiek atbalstīti un tos var izmantot, taču ne tik labi kā pirmprocesora mainīgos.

Atšķirība starp SCSS un Sass, šim tekstam Sass dokumentācijas lapā vajadzētu atbildēt uz šo jautājumu:

Sass ir pieejamas divas sintakses. Pirmā, kas pazīstama kā SCSS (Sassy CSS) un tiek lietota šajā atsaucē, ir CSS sintakses paplašinājums. Tas nozīmē, ka ikviena derīga CSS stila lapa ir derīgs SCSS fails ar tādu pašu nozīmi. Šī sintakse ir papildināta ar turpmāk aprakstītajām Sass funkcijām. Failiem, kuros izmanto šo sintaksi, ir paplašinājums .scss.

Otrā un vecākā sintakse, kas pazīstama kā ievilktā sintakse (vai dažkārt vienkārši "Sass"), nodrošina kodolīgāku CSS rakstīšanas veidu. Tā izmanto nevis iekavas, bet gan ievilkumus, lai norādītu selektoru ligzdošanu, un nevis semikolonus, bet gan jaunas rindkopas, lai atdalītu īpašības. Failiem, kuros izmanto šo sintaksi, ir paplašinājums .sass.

Tomēr tas viss darbojas tikai ar Sass pirmskompilatoru, kas galu galā izveido CSS. Tas nav paša CSS standarta paplašinājums.

Es esmu viens no izstrādātājiem, kas palīdzēja izveidot Sass.

Atšķirība ir UI. Zem teksta ārējā izskata tās ir identiskas. Tāpēc sass un scss faili var importēt viens otru. Patiesībā Sass ir četri sintakses analizatori: scss, sass, CSS un less. Visi tie pārvērš atšķirīgu sintaksi Abstract Syntax Tree, kas tālāk tiek apstrādāta CSS izejas formātā vai pat kādā no citiem formātiem, izmantojot rīku sass-convert.

Izmantojiet sev tīkamāko sintaksi, abas ir pilnībā atbalstītas, un, ja vēlāk mainīsiet savas domas, tās varēsiet mainīt.

No valodas mājas lapas

Sass ir divas sintakses. Jaunā galvenā sintakse (no Sass 3) ir pazīstama kā "SCSS" (no "Sassy CSS"), un tā ir CSS3 sintakses supersintakse. Tas nozīmē, ka ka katra derīga CSS3 stilu kopa ir derīgs arī SCSS. SCSS faili izmanto paplašinājumu .scss.

Atra, vecāka sintakse ir pazīstama kā ievilktā sintakse (vai vienkārši "Sass").

Iedvesmojoties no Haml sasvītrotības, tā ir paredzēta cilvēkiem, kuri dod priekšroku kodolīgumu, nevis līdzību ar CSS. iekavās un semikolu vietā tā izmanto rindu atkāpes, lai norāda blokus. Lai gan vairs nav primārā sintakse, atkāpju sintakse tiks atbalstīta arī turpmāk. Faili ar ievilktu sintaksi izmanto frāzi paplašinājumu .sass.

SASS ir interpretēta valoda, kas izplata CSS. Sass struktūra izskatās kā CSS (attālināti), bet man šķiet, ka apraksts ir nedaudz maldinošs; tas nav CSS aizstājējs vai paplašinājums. Tas ir interpretētājs, kas beigās izplata CSS, tāpēc Sass joprojām ir parastā CSS ierobežojumi, bet tas tos maskē ar vienkāršu kodu.