CSS Preprocessors

Table of contents:

What are CSS PreprocessorsHow to compile the codeDifferent SyntaxesWhy use a PreprocessorFeatures of a Preprocessor
What are CSS Preprocessors?

CSS Preprocessors are tools that add more functionality to normal CSS by using its own unique syntax. The browser can't read preprocessors so the code has to be compiled into vanila CSS which the browser can read.

Most CSS preprocessors have features that don't exist in normal CSS such as variables, loops, if/else statements etc...