Ποια είναι η διαφορά μεταξύ SCSS και Sass;

Το Sass είναι ένας προεπεξεργαστής CSS με συντακτικές εξελίξεις. Τα φύλλα στυλ με την προηγμένη σύνταξη επεξεργάζονται από το πρόγραμμα και μετατρέπονται σε κανονικά φύλλα στυλ CSS. Ωστόσο, δεν επεκτείνουν το ίδιο το πρότυπο CSS.

Οι μεταβλητές CSS υποστηρίζονται και μπορούν να χρησιμοποιηθούν, αλλά όχι τόσο καλά όσο οι μεταβλητές του προεπεξεργαστή.

Η διαφορά μεταξύ του SCSS και του Sass, αυτό το κείμενο στη σελίδα τεκμηρίωσης του Sass θα πρέπει να απαντήσει στην ερώτηση:

Υπάρχουν δύο σύνταξη που είναι διαθέσιμη για το Sass. Η πρώτη, γνωστή ως SCSS (Sassy CSS) και χρησιμοποιείται σε όλη αυτή την αναφορά, είναι μια επέκταση της σύνταξης της CSS. Αυτό σημαίνει ότι κάθε έγκυρο φύλλο στυλ CSS είναι ένα έγκυρο αρχείο SCSS με το ίδιο νόημα. Αυτή η σύνταξη ενισχύεται με τα χαρακτηριστικά του Sass που περιγράφονται παρακάτω. Τα αρχεία που χρησιμοποιούν αυτή τη σύνταξη έχουν την επέκταση .scss.

Η δεύτερη και πιο παλιά σύνταξη, γνωστή ως σύνταξη με εσοχή (ή μερικές φορές απλά "Sass"), παρέχει έναν πιο συνοπτικό τρόπο γραφής CSS. Χρησιμοποιεί εσοχή αντί για αγκύλες για να υποδεικνύει την ένθεση των επιλογέων, και νέες γραμμές αντί για άνω και κάτω τελεία για να διαχωρίζει τις ιδιότητες. Τα αρχεία που χρησιμοποιούν αυτή τη σύνταξη έχουν την επέκταση .sass.

Ωστόσο, όλα αυτά λειτουργούν μόνο με τον προ-μεταγλωττιστή Sass, ο οποίος στο τέλος δημιουργεί το CSS. Δεν αποτελεί επέκταση του ίδιου του προτύπου CSS.

Είμαι ένας από τους προγραμματιστές που βοήθησαν στη δημιουργία του Sass.

Η διαφορά είναι το UI. Κάτω από το εξωτερικό κείμενο είναι πανομοιότυπα. Αυτός είναι ο λόγος για τον οποίο τα αρχεία sass και scss μπορούν να εισάγουν το ένα το άλλο. Στην πραγματικότητα, το Sass έχει τέσσερις συντακτικούς αναλυτές: scss, sass, CSS και less. Όλοι αυτοί μετατρέπουν ένα διαφορετικό συντακτικό σε ένα Abstract Syntax Tree το οποίο επεξεργάζεται περαιτέρω σε έξοδο CSS ή ακόμα και σε μία από τις άλλες μορφές μέσω του εργαλείου sass-convert.

Χρησιμοποιήστε τη σύνταξη που σας αρέσει περισσότερο, και οι δύο υποστηρίζονται πλήρως και μπορείτε να αλλάξετε μεταξύ τους αργότερα αν αλλάξετε γνώμη.

Από την αρχική σελίδα της γλώσσας

Η Sass έχει δύο σύνταξη. Η νέα κύρια σύνταξη (από την Sass 3) είναι γνωστή ως "SCSS" (για το "Sassy CSS"), και είναι ένα υπερσύνολο της σύνταξης της CSS3. Αυτό σημαίνει ότι κάθε έγκυρο φύλλο στυλ CSS3 είναι επίσης έγκυρο SCSS. Τα αρχεία SCSS χρησιμοποιούν το επέκταση .scss. &gt, Η δεύτερη, παλαιότερη σύνταξη είναι γνωστή ως η σύνταξη με εσοχή (ή απλά "Sass"). Εμπνευσμένη από την πυκνότητα του Haml, είναι προορίζεται για ανθρώπους που προτιμούν τη συνοπτικότητα έναντι της ομοιότητας με την CSS. Αντί για αγκύλες και ημικύκλια, είναι χρησιμοποιεί την εσοχή των γραμμών για να προσδιορίζει τα μπλοκ. Αν και δεν είναι πλέον η πρωταρχική σύνταξη, η σύνταξη με εσοχή θα συνεχίσει να υποστηρίζεται. Αρχεία στη σύνταξη με εσοχή χρησιμοποιούν την εντολή επέκταση .sass.

Το SASS είναι μια ερμηνευόμενη γλώσσα που παράγει CSS. Η δομή της Sass μοιάζει με την CSS (εξ αποστάσεως), αλλά μου φαίνεται ότι η περιγραφή είναι λίγο παραπλανητική- δεν είναι δεν αντικατάσταση της CSS, ούτε επέκταση. Είναι ένας διερμηνέας που στο τέλος φτύνει CSS, οπότε το Sass εξακολουθεί να έχει τους περιορισμούς του κανονικού CSS, αλλά τους καλύπτει με απλό κώδικα.