css三大家族

CSS（Cascading Style Sheets）是一种用于网页样式设计的语言，分为三大家族：层叠样式表（CSS）、SCSS/Sass和LESS。它们的共同点是为了更好的样式管理和开发而设计，也都支持变量（variable）、混入（mixin）和嵌套等功能，但是在某些细节上有所不同。

// CSS
body {
  background-color: #f1f1f1;
  font-family: Arial, sans-serif;
}

// SCSS/Sass
$bg-color: #f1f1f1;
$font-family: Arial, sans-serif;

body {
  background-color: $bg-color;
  font-family: $font-family;
}

// LESS
@bg-color: #f1f1f1;
@font-family: Arial, sans-serif;

body {
  background-color: @bg-color;
  font-family: @font-family;
} 

CSS是最原始的层叠样式表语言，在样式的写法上较为简单，但是可维护性和可读性较差。SCSS/Sass是CSS的一种超集，它允许在CSS中使用变量、混合和嵌套等高级功能，可以使CSS代码更加模块化和可读性更强，但是需要通过编译器将其转换成原生的CSS代码。而LESS与SCSS/Sass类似，同样支持变量、混合和嵌套等功能，但是语法更为简洁，容易上手使用。