less06 引入(importing)

Posted 2020-09-22 672530440

main.less

@wp:960px;

.colorsss{
  color: darkgreen;
}

index.css

.color{
    color: #ff6600;
}

style.less

//@import "main.less";
//@import (reference) "main.less";  //引用LESS文件，但是不输出
//@import (inline) "main.less";  //引用LESS文件，但是不进行操作
//@import (once) "main.less";  //引用LESS文件，但是不进行操作
//@import (less) "index.css";  //无论是什么格式的文件，都把他作为LESS文件操作
//@import (css) "main.less";  //无论是什么格式的文件，都把他作为CSS文件操作
@import (multiple) "main.less";  //multiple，允许引入多次相同文件名的文件
@import (multiple) "main.less";  //multiple，允许引入多次相同文件名的文件
@import (multiple) "main.less";  //multiple，允许引入多次相同文件名的文件
.centen{
//  width:@wp;
//  .color;
}

style.css

.colorsss {
  color: darkgreen;
}
.colorsss {
  color: darkgreen;
}
.colorsss {
  color: darkgreen;
}