---
title: Pré-processador CSS
slug: Glossary/CSS_preprocessor
tags:
  - CSS
  - Glossário
translation_of: Glossary/CSS_preprocessor
original_slug: Glossario/CSS_preprocessor
---
<p><span class="seoSummary">Um <strong>pré-processador CSS</strong> é um programa que permite você gerar {{Glossary("CSS")}} a partir de uma {{Glossary("syntax", "sintaxe")}} única desse pré-processador. Existem muitos pré-processadores CSS para escolha, no entanto, a maioria deles irá adicionar algumas funcionalidades extras que não existem no CSS puro, como um mixin, seletores aninhados, herança de seletores, e assim por diante. Essas funcionalidades fazem a estrutura do CSS mais legível e fácil de manter.</span></p>

<p>Para usar um pré-processador, você deve instalar um compilador CSS no seu servidor web; Ou usar o pré-processador CSS para compilar no ambiente de desenvolvimento, e então fazer upload do arquivo CSS compilado para o servidor web.</p>

<section id="Quick_links">
<ol>
 <li>Alguns dos pré-processadores CSS mais populares:
  <ol>
   <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>
  </ol>
 </li>
 <li><a href="/pt-BR/docs/Glossario">MDN Web Docs Glossário</a>
  <ol>
   <li>{{Glossary("CSS")}}</li>
  </ol>
 </li>
</ol>
</section>