What is Preprocessor ?
Preprocessor is a program that processes its input data to produce output that is used as input to another program
What is Css Preprocessor ?
CSS preprocessors take code written in the preprocessed language and then convert that code into the same old css we’ve been writing for years.
Three Most Popular Css Preprocessors
1) Sass
2) LESS and
3) Stylus
Why Programmers Preferred Css Pre Processor ?
In CSS have many Limitations.It’s really as simple as that. CSS is great, but it doesn’t always let us do everything we’d like.
But in preprocessed language can give you more functionality than css as long as it eventually makes sure everything is output as css and works in a browser like we expect.
For example many developers want more abstraction than css gives us by default.
One goal of css has been to keep it simple so anyone can quickly pick up the language and learn.
However that focus also limits what css can do and developers don’t much like limitations.
We want variables and if the language won’t gives it to us, we’ll find a way to give it to ourselves.
Preprocessors offer more than variables of course. They can offer whatever they want as long as the resulting css file they produce works as ordinary css.
Video Reference for Css Preprocessor
https://www.youtube.com/watch?v=IiujOinbGzw