less中的文件无效

Question

如图一所示为div结构，图2的Less文件夹，里面自定义了@lineColor后面引入不生效。而且在父类下面的子类的样式也不生效。我是用localhost打开的。求解

Answer 1

打开服务器，用Localhost打开当前页面，就解决了

Answer 2

是这么写的把$lineColor

Answer 3

$ lessc styles.less styles.css

把.less文件编译成.css文件再引入css文件

webpack可以用less-loader

Answer 4

你文件 编译成Css了吗？！目测 未编译

Answer 5

less不能直接使用需要编译

Answer 6

下载这个编译一下，或者在引入的less之后放上这个，当然正式环境还是要用编译后的

<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.3/less.min.js"></script>