CSS preprocessor

A CSS preprocessor is a program that lets you generate {{Glossary("CSS")}} from the preprocessor's own unique {{Glossary("syntax")}}.

There are many CSS preprocessors to choose from, however most CSS preprocessors will add some features that don't exist in pure CSS, such as mixin, nesting selector, inheritance selector, and so on. These features make the CSS structure more readable and maintainable.

To use a CSS preprocessor, you must install a CSS compiler on your web {{Glossary("server")}}, or use the CSS preprocessor to compile on the development environment, and then upload compiled CSS file to the web server.

See also

• A few of most popular CSS preprocessors:

  • Sass
  • LESS
  • Stylus

• Related glossary terms:

  • {{Glossary("CSS")}}