【CSS】less基础(简单版)

less基础(简单版)

01.CSS的弊端

如下图:

要手动计算倍数。

02.LESS简介以及使用变量






03.less编译easy less插件


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


04.less嵌套

CSS嵌套写法:

在less内:

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

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

如果是两个类呢?



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


应该如下写:



所以,

05.less运算

例如:


使用运算后:










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




还可以加括号:

官网:

相关推荐
db_lnn_20213 分钟前
【vue】全局组件及组件模块抽离
前端·javascript·vue.js
Qin_jiangshan13 分钟前
vue实现进度条带指针
前端·javascript·vue.js
菜鸟una19 分钟前
【layout组件 与 路由镶嵌】vue3 后台管理系统
前端·vue.js·elementui·typescript
小张快跑。20 分钟前
【Vue3】使用vite创建Vue3工程、Vue3基本语法讲解
前端·前端框架·vue3·vite
Zhen (Evan) Wang26 分钟前
.NET 8 API 实现websocket,并在前端angular实现调用
前端·websocket·.net
星空寻流年1 小时前
css3响应式布局
前端·css·css3
Rverdoser1 小时前
代理服务器运行速度慢是什么原因
开发语言·前端·php
航Hang*2 小时前
前端项目2-01:个人简介页面
前端·经验分享·html·css3·html5·webstorm
MaisieKim_2 小时前
python与nodejs哪个性能高
前端·python·node.js
水煮白菜王2 小时前
深入理解 Webpack 核心机制与编译流程
前端·webpack·node.js