在less开发中，less和其他编程语言一样，都有变量的概念，学会less自定义变量可以节省很多开发时间。
如何自定义less变量
使用符号@ 例如：
@blue:#5B83AD; @FontSize:16px;
@之后的变量名随意自取，：后面就是变量的值
如何使用less变量
color:@blue font-size:@fontS
示例：
@fontS:10px;
.content{
font-size:@fontS
}和正常写CSS方法一样，只是把后面的值换成了变量名。
css教程
less自定义变量方法
我的站长站
2023-06-13
共人阅读
相关推荐
- less
-
hbuilderX配置less教程(图文)
1、菜单栏中依次找到 工具->插件安装2、找到less编译插件，点击右侧安装3、新建一个less文件，然后在该文件上 右键->外部命令/插件->less->插件配置4、在打开的package.json配置文件中找到onDidSaveExecution，设置为true即可5、重启一下HBuilderX软件。...
-
Hbuilder开启less自动编译的方法
1、我的站长站已经整理好了，直接下载附件，解压到HBuilder编辑器目录 \HBuilder\plugins，下载地址：https://11px.lanzoui.com/ifHbXsaovra2、将less路径添加到系统环境Path变量中 ;D:\Adobe\HBuilder\plugins\lessc，不会的看下图，计算机-右键-属性-高...
-
HBuilderx保存自动编译Less设置方法
HBuilder是一款非常好用的国产代码编辑器，我的站长站以前一直在用。后来推出了HBuilderx，HBuilder就不更新了，没办法只能换成HBuilderx。试了后发现HBuilderx保存后，不能自动编译Less为CSS，网上找了这篇教程，测试可用，分享给大家。操作步骤1、依次打开，工具-...
最新更新
-
css3 transfrom:translate元素居中
CSS3的transform: translate()函数可以使元素居中排版，下面是transform: translate()函数的例子：.container {...
-
Font Awesome图标库使用方法和CDN公共库分享
Font Awesome使用方法Font Awesome使用前缀 fa 和图标的名称来放置 Font Awesome 图标，可缩放、定制大小、颜...
-
tailus免费开源的专业网页UI库
tailus介绍tailus是一款国外免费开源的专业网页UI库，免费开源，为打造专业网页而生！基于Radix UI和Tailwind Css...
-
CTRL+D添加收藏效果CSS代码
给网站增加一个CTRL+D添加收藏效果，效果如下：直接复制粘贴到自己的项目就可以使用，无需修改。HTML代码：<div id=...
-
利用tailwindcss-highlights给文字添加高亮效果
项目介绍tailwindcss-highlights是一款开源小巧的CSS框架，tailwindcss-highlights可以...