CSS预编译操作起什么作用呢?


摘要:
下文讲述css预编译的功能说明,如下所示:


css预编译功能

css预编译的功能:
编译编写的css代码,
如:
我们可以在css中编写一些表达式,函数,变量,循环,判断,然后通过css预编译工具,将css代码转换为实际的css代码,
这个就是css预编译工具的功能。

css预编译功能举例:


  //用var定义一个字体颜色变量样式
  var colorBlue {color:blue}

  //定义一个新闻列表样式
 .tmpTest{
  font-size:20px;
  line-height:20px;
  color:@colorBlue;
  //设置文字颜色由colorBlue
 }


 //预编译工具生成的css代码
  .tmpTest{
  font-size:20px;
  line-height:20px;
  color:blue; 
 }