网站前端教程

less自定义变量方法

网站前端教程 51源码 2024-01-22 人阅读

在less开发中,less和其他编程语言一样,都有变量的概念,学会less自定义变量可以节省很多开发时间。

如何自定义less变量

使用符号@ 例如:

@blue:#5B83AD;
@FontSize:16px;

@之后的变量名随意自取,:后面就是变量的值

如何使用less变量

color:@blue
font-size:@fontS

示例:

@fontS:10px;
.content{
font-size:@fontS
}

和正常写CSS方法一样,只是把后面的值换成了变量名。

版权声明:文章搜集于网络,如有侵权请联系本站,转载请说明出处:https://www.51yma.cn/jiaocheng/wwebqianduanjiaocheng/1399.html
文章来源:
标签 less