写less文件的时候会对应生成一个css文件
(在这里简单说明一下我存在的问题 我在html中引入的是less文件然后效果就出不来,换成css文件效果就显示出来了,我不知道到底这种引的方法对不对,但现在的框架不需要去引less文件直接就可以直接出样式)
引入less文件在页面中标签未添加上效果
引入css
less方法有好多,在这里我只提一下我用到的,想要具体了解其他方法的可以再看看其他的博客
- 嵌套 也是我使用最多的方法
标签结构:
less写法:
二选一 注意使用&时后边标签要加空格分隔
对应css写法:
效果:
可以看出 相同标签采用不同样式,样式使用的是最后的结果
-
可以进行运算
标签:
less:
css: -
像封装函数一样将多次使用的样式抽取出来
标签:
less:
声明使用@名字
css:
这样是不是很方便 -
可以像函数一样传参哦
标签:
less:
css:
刚开始实战项目,这是我在目前项目中学到的关于less的一些知识,但less其实挺多方法的,想要详细了解的可以看(https://juejin.cn/post/6844903520441729037)