
You can store any type of styling in a variable. Preprocessors use variables to store reusable values. Preprocessors’ syntax gives room for some additional functionalities that deliver the following: Though preprocessors have their own syntax, they are quite easy to catch up with, just a few differences from writing vanilla CSS. I use SASS, so my illustrations in this article are in SASS. Some of the popular preprocessors to use include SASS/SCSS, LESS, Stylus, and PostCSS.
USING GHOSTLAB AS SCSS PREPROCESSOR CODE
You write your CSS code in them and then generate a corresponding CSS file to style your HTML. 相反,请尝试使用CSS预处理程序。 什么是预处理器? (What are Preprocessors? )Īccording to MDN, a CSS preprocessor is a program that lets you generate CSS from the preprocessor’s own unique syntax.

The next time you want to write CSS, try not “writing” in CSS at all.

Typing a class or id selector several times within a single CSS file, or having to copy and paste every browser’s support prefix to your code each time for cross-browser compatibility can make your CSS file harder to maintain. A typical example is having to scroll upwards to check the hexadecimal values of the colors you are using.ĬSS很有趣,但是很快就会变得复杂。 一个典型的例子是必须向上滚动以检查所用颜色的十六进制值。 CSS is fun to write, but it can quickly get complicated.
