【CSS】less基础(简单版)

less基础(简单版)

01.CSS的弊端

如下图:

要手动计算倍数。

02.LESS简介以及使用变量






03.less编译easy less插件


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


04.less嵌套

CSS嵌套写法:

在less内:

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

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

如果是两个类呢?



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


应该如下写:



所以,

05.less运算

例如:


使用运算后:










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




还可以加括号:

官网:

相关推荐
站在风口的猪110812 分钟前
React前端框架
前端·react.js·前端框架·js
华洛20 分钟前
别傻了,推理模型根本不会推理,R1也不会!
前端·javascript·vue.js
袁煦丞23 分钟前
MAZANOKE照片瘦身超级管家:cpolar内网穿透实验室第544个成功挑战
前端·程序员·远程工作
掘金安东尼30 分钟前
🧭 前端周刊第416期(2025年5月26日–6月1日)
前端·javascript·面试
90后的晨仔1 小时前
iOS 中的Combine 框架简介
前端
Web极客码2 小时前
WordPress 6.5版本带来的新功能
前端·api·wordpress
小磊哥er2 小时前
【前端AI实践】泛谈AI在前端领域的应用场景
前端·vue.js·ai编程
Mintopia2 小时前
Three.js WebGPU 支持:利用 WebGPU 提升渲染性能
前端·javascript·three.js
WHOAMI_老猫2 小时前
渗透实战PortSwigger Labs AngularJS DOM XSS利用详解
前端·渗透测试·xss·angular.js
DC...2 小时前
XSS跨站脚本攻击
前端·xss