---
title: CSS 预处理器
slug: Glossary/CSS_preprocessor
tags:
  - CSS
translation_of: Glossary/CSS_preprocessor
---
<p> </p>

<p><strong>CSS 预处理器</strong>是一个能让你通过预处理器自己独有的<span class="seoSummary">{{Glossary("语法")}}来</span>生成<span class="seoSummary">{{Glossary("CSS")}}的程序。市面上有很多CSS预处理器可供选择，且绝大多数CSS预处理器会增加一些原生CSS不具备的特性，例如代码混合，嵌套选择器，继承选择器等。这些特性让CSS的结构更加具有可读性且易于维护。</span></p>

<p>要使用CSS预处理器，你必须在web服务中{{Glossary("服务器")}}安装CSS编译工具。</p>

<h2 id="了解更多">了解更多</h2>

<h3 id="通用知识">通用知识</h3>

<p>这里是一些最流行的CSS预处理器:</p>

<ul>
 <li><a href="http://sass-lang.com/">Sass</a></li>
 <li><a href="http://lesscss.org/">LESS</a></li>
 <li><a href="http://stylus-lang.com/">Stylus</a></li>
 <li><a href="http://postcss.org/">PostCSS</a></li>
</ul>