【CSS】less基础(简单版)

less基础(简单版)

01.CSS的弊端

如下图:

要手动计算倍数。

02.LESS简介以及使用变量






03.less编译easy less插件


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


04.less嵌套

CSS嵌套写法:

在less内:

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

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

如果是两个类呢?



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


应该如下写:



所以,

05.less运算

例如:


使用运算后:










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




还可以加括号:

官网:

相关推荐
恋猫de小郭40 分钟前
Android 确定废弃「屏幕方向锁定」等 API ,如何让 App 适配大屏和 PC/XR 等场景
android·前端·flutter
API_technology3 小时前
淘宝API+爬虫混合方案:合规采集历史价格与评价数据
前端·数据库·爬虫·数据挖掘
时间会给答案scidag3 小时前
maven高级
java·服务器·前端
前端小趴菜056 小时前
JavaScript 读取电脑复制的内容
前端·javascript
OK_boom7 小时前
React状态管理器的应用
前端·javascript·react.js
再学一点就睡7 小时前
一文搞懂跨域问题:原理、解决方案与实战避坑指南
前端·javascript
六个点7 小时前
面试中常见的手写题汇总
前端·javascript·面试
Json_8 小时前
Vue computed Option 计算选项
前端·vue.js·深度学习
西陵8 小时前
一文带你吃透前端网站嵌入设计
前端·javascript·架构
给钱,谢谢!8 小时前
记录vite引入sass预编译报错error during build: [vite:css] [sass] Undefined variable.问题
前端·css·sass·vite