Sass vs Less vs Scss

LESS và SASS là các ngôn ngữ tiền xử lý CSS

ngôn ngữ tiền xử lý CSS là một ngôn ngữ kịch bản mở rộng của CSS và sau đó được biên dịch ra CSS

keycdn.com

Sass và Less không thay đổi chức năng vốn có của CSS, vì chúng cuối cùng cũng sẽ được biên dịch ra CSS thông thường. Lợi ích đem lại ở đây là chúng giúp viết viết và bảo trì code CSS trở nên dễ dàng hơn nhờ có các công cụ như mixins, nesting, variables…

SCSS là một trong 2 cách viết của SASS, cách viết còn lại có trước, viết theo kiểu thụt đầu dòng (thay vì dấu móc), còn được gọi là SASS!

Ví dụ SASS

.header
  color: #f3f3f3;

.header__inner
  border: 1px solid #f3f3f3

Ví dụ SCSS

SASS và LESS có các tính năng gần như nhau. SASS dùng Ruby trong khi LESS dùng Javascript để viết. Một số cú pháp viết khác nhau chẳng hạn như SASS dùng $ để khai báo biến trong khi LESS dùng @

Leave a comment