Sass – Viết css nhanh hơn, tốt hơn – Phần 1/3: giới thiệu

Như ae biết rồi, cuộc cách mạng thiết kế web bắt đầu với css, rồi css3 và giờ chúng ta có sass, sau này thì mình không biết là câu lạc bộ Front-end sẽ có thêm thành viên nào nữa. Câu chuyện của Sass cũng giống như cuộc cách mạng về phương tiên giao thông vậy: Đi bộ > Xe đạp > Xe máy > Ô tô…

Đây là website của nhà phát triển, mọi thông tin về Sass các bạn có thể tìm hiểu thêm ở đây nha: https://sass-lang.com/

Tiếp nào, biết viết sass sẽ giúp bạn những gì:

• File css gọn gàng hơn, dễ debug.
• Tốc độ viết nhanh hơn, tiết kiệm khoảng 30% thời gian.
• Bạn sẽ đẹp trai hơn, chuyên nghiệp hơn, gái bu vào nhiều hơn, tiền nhiều hơn (đây cũng là lý do mình thường xuyên cập nhật thông tin, công nghệ, hihi).

AE lưu ý từ khúc này trở đi mình sẽ viết Sass theo cú pháp SCSS, nên chúng ta sẽ đồng nhất tên gọi là SCSS nha mọi người

Css sẽ như thế này:

a {
    color: black;
}

a:hover {
    color: blue;
}

Scss sẽ viết như thế này:

a {
  color: black;
  &:hover {
    color: blue;
  }
}