【CSS】less基础(简单版)

less基础(简单版)

01.CSS的弊端

如下图:

要手动计算倍数。

02.LESS简介以及使用变量






03.less编译easy less插件


安装easy less 之后,保存less文件时会自动生成一个css文件。


04.less嵌套

CSS嵌套写法:

在less内:

在css内(less文件保存后生成的css文件):

所以,(后代选择器如此写)

如果是两个类呢?



如果是伪类,如下写是不对的


应该如下写:



所以,

05.less运算

例如:


使用运算后:










运算也可以应用于改颜色:




还可以加括号:

官网:

相关推荐
子醉2 小时前
推荐一种适合前端开发使用的解决本地跨域问题的办法
前端
Niyy_2 小时前
前端一个工程构建多个项目,记录一次工程搭建
前端·javascript
xiangxiongfly9152 小时前
CSS link标签
前端·css
岁月宁静3 小时前
AI 多模态全栈应用项目描述
前端·vue.js·node.js
十年磨一剑~3 小时前
html+js开发一个测试工具
javascript·css·html
爱吃巧克力的程序媛3 小时前
将qt界面中加载css或者qss样式
开发语言·css·qt
nn_(nana)4 小时前
修改文件权限--- chmod ,vi/vim,查看文件内容,yum-软件包管理器,systemctl管理系统服务
前端
烛阴5 小时前
从零开始掌握C#核心:变量与数据类型
前端·c#
han_5 小时前
前端高频面试题之Vuex篇
前端·vue.js·面试