【CSS】less基础(简单版)

less基础(简单版)

01.CSS的弊端

如下图:

要手动计算倍数。

02.LESS简介以及使用变量






03.less编译easy less插件


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


04.less嵌套

CSS嵌套写法:

在less内:

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

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

如果是两个类呢?



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


应该如下写:



所以,

05.less运算

例如:


使用运算后:










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




还可以加括号:

官网:

相关推荐
莫的感情15 分钟前
下载按钮点击一次却下载两个文件问题
前端
一个很帅的帅哥18 分钟前
JavaScript事件循环
开发语言·前端·javascript
小宁爱Python23 分钟前
Django Web 开发系列(二):视图进阶、快捷函数与请求响应处理
前端·django·sqlite
fox_23 分钟前
深入理解React中的不可变性:原理、价值与实践
前端·react.js
Github项目推荐25 分钟前
你的错误处理一团糟-是时候修复它了-🛠️
前端·后端
Code小翊30 分钟前
C语言bsearch的使用
java·c语言·前端
云枫晖31 分钟前
Webapck系列-初识Webpack
前端·javascript
慧一居士34 分钟前
HTML5 功能介绍,使用场景,对应功能点完整使用示例
前端
海在掘金6112742 分钟前
告别“undefined is not a function”:TS如何让你的函数调用更安心
前端
云中雾丽1 小时前
Flutter中Stream的各种使用场景和实现方式
前端