首页 > 其他 > 详细

less的使用

时间:2021-07-11 14:17:40      阅读:19      评论:0      收藏:0      [点我收藏+]

less: less是css的升级版,比css好用很多,增加了很多便利的规则

1. 嵌套

  • less的优势有很多,最常用也是最让人舒坦的是嵌套规则。 我们写css时如果元素过多,会形成结构不清晰,造成混乱。less可以一层一层嵌套,父元素分明。

2. 变量

  • 变量也是less的常用方法之一,在一个项目中存在大量重复的样式,比如背景色,字体大小,后期修改起来就非常的方便。

3. 运算

  • 可以对一些样式进行加减乘除的一些运算

4. &

  • and符号可以代替父级元素

a{

  color:blue;

  &:hover{

    color:red;

  }

}

再比如,父元素叫.wrap 儿子元素中有一个叫 .wrap_2,那就可以这样写

.wrap{

  &_2{}

}

优点:块和块界限可以更清楚,很多东西不需要并列写;时不时还可以偷个懒,比如爸爸类的名字改来改去的时候,写&也省心好多。

less的使用

原文:https://www.cnblogs.com/wang--chao/p/14998258.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!