less的使用
less: less是css的升级版,比css好用很多,增加了很多便利的规则
1. 嵌套
- less的优势有很多,最常用也是最让人舒坦的是嵌套规则。 我们写css时如果元素过多,会形成结构不清晰,造成混乱。less可以一层一层嵌套,父元素分明。
2. 变量
- 变量也是less的常用方法之一,在一个项目中存在大量重复的样式,比如背景色,字体大小,后期修改起来就非常的方便。
3. 运算
- 可以对一些样式进行加减乘除的一些运算
4. &
- and符号可以代替父级元素
a{
color:blue;
&:hover{
color:red;
}
}
再比如,父元素叫.wrap 儿子元素中有一个叫 .wrap_2,那就可以这样写
.wrap{
&_2{}
}
优点:块和块界限可以更清楚,很多东西不需要并列写;时不时还可以偷个懒,比如爸爸类的名字改来改去的时候,写&也省心好多。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了