少 Sass, 多 CSS

介绍

Sass 是一种 CSS 预编译器，它为我们提供了更好的编写 CSS 的方式，比如: 变量、Mixin、嵌套、函数、继承等等。

但是在一些小项目中，使用 Sass 的代价可能会超过其提供的价值。在这些情况下，使用原生 CSS 也许是更好的选择。

为什么使用 CSS？

更加轻量级

使用原生 CSS 会减少一些开销，因为你只需要引入一个样式表就行了，而 Sass 需要被编译成 CSS 后才能运行。

更加简洁

原生 CSS 更加简洁明了，不需要特别的语法和结构。它可以直接应用在 HTML 中，而 Sass 则需要预编译后才能使用。

更加易于维护

原生 CSS 的结构非常简单明了，这使得它更加容易维护，特别是在小项目中。

怎么用？

如果您决定使用原生 CSS，请确保您结构良好、命名一致、注释清晰。

以下是一些最佳实践：

• 确保选择器语法明确。
• 让样式表简洁易读。
• 使用模块化思想。
• 不要嵌套太多层。
• 保留一定的白空间和注释。

结论

虽然 Sass 可以让 CSS 更加可读和可维护，但在一些小项目中使用 Sass 可能会引起额外的开销。在这些情况下，回到基础原生 CSS 是更好的选择。

# 少 Sass, 多 CSS

## 介绍

Sass 是一种 CSS 预编译器，它为我们提供了更好的编写 CSS 的方式，比如: 变量、Mixin、嵌套、函数、继承等等。

但是在一些小项目中，使用 Sass 的代价可能会超过其提供的价值。在这些情况下，使用原生 CSS 也许是更好的选择。

## 为什么使用 CSS？

### 更加轻量级

使用原生 CSS 会减少一些开销，因为你只需要引入一个样式表就行了，而 Sass 需要被编译成 CSS 后才能运行。

### 更加简洁

原生 CSS 更加简洁明了，不需要特别的语法和结构。它可以直接应用在 HTML 中，而 Sass 则需要预编译后才能使用。

### 更加易于维护

原生 CSS 的结构非常简单明了，这使得它更加容易维护，特别是在小项目中。

## 怎么用？

如果您决定使用原生 CSS，请确保您结构良好、命名一致、注释清晰。

以下是一些最佳实践：

- 确保选择器语法明确。
- 让样式表简洁易读。
- 使用模块化思想。
- 不要嵌套太多层。
- 保留一定的白空间和注释。

## 结论

虽然 Sass 可以让 CSS 更加可读和可维护，但在一些小项目中使用 Sass 可能会引起额外的开销。在这些情况下，回到基础原生 CSS 是更好的选择。