获得徽章 0
赞了这篇沸点
学习 less 英文文档 (二)

父级选择器

伪元素使用的方式是 a { color: blue; &:hover { color: green; } }

经典使用方式是.button { &-ok { }; } 编译出来是 .button-ok{}

复用的使用方式是:.button { & ${ }; } 编译出来是 .button .button {}
注意: 如果有嵌套,会把所有父类类名都复用。



混入 mixin


1.混入类和 id 选择器。

声明.a ,#b{ } 使用.minxin {.a() ; #b()}

注意:使用的时候,可以不加圆括号,最佳实践 加上。

注意:声明 mixin 的时候,如果加上了园括号,表示这个不编译。如果不加园括号,就跟正常的样式一样编译。

2.mixin 中使用嵌套选择器

在 mixin 声明中,可以使用嵌套选择器。

3.命名空间

为了防止冲突,可以把所有 mixin 放到一个命名空间里面。比如 #项目名() ,命名空间和 mixin 之间不推荐使用空格和>


4.!important 关键字

在调用 mixin 的圆括号后面添加!important,编译出来的属性都会带上!important


5.mixin 参数

可以在 mixin 圆括号里面传递参数,参数的形式是@Parmas 。

可以设置默认参数,参数的形式是@Parmas: 5px。

参数可以是名字的新式,比如 BNU

6.命名参数

可以通过名字,而不是位置来进行参数的设置。

7.rest 变量

跟 es6的扩展运算符一样,使用…把参数传递进去。

8.覆盖 mixin

跟 CSS 一样,只需要写一个一样的,但是属性值不同,就可以覆盖掉,一般用在引入别的 mixin 库时。


9.递归混合

mixin 可以使用递归来使用,也就是在 mixin 里面调用 mixin,不过需要设置好递归终止条件。

10.mixin 守卫

使用 when 关键字来进行判断,跟 if else 差不多。有点类似媒体查询。

可以搭配 and 关键字来进行。
展开
1
赞了这篇沸点
我看好多人都是玩lol或者关注nba的,有老哥们玩DOTA2的么?我喜欢maybe,fy,和俊宝。虽然4am整了这么一出,罢了罢了,可怜我塞老师。希望明年他们能举一次不朽盾!(听说明年有倆届Ti?)

昌平野人镇楼!
搭子于2020-10-10 11:22发布的图片
64
板砖小哥 @cv大法组织
听说有杯子
评论
赞了这篇沸点
裸辞了,下一份一定会更好
4
板砖小哥 @cv大法组织
赞了这篇沸点
给上海的前端们踩个坑,上海舒月家庭服务有限公司。下午去面试前端,问会不会后端,问会不会切图,然后最后来了一句 我们对比一下。3分钟结束。
评论
小伙伴们,在深圳租房在哪看的房啊,目前在上海,过两个月打算跟女朋友一起去去深圳发展了😊
18
浏览器:safari;
问题出现条件:非同源页面跳转;
想要的效果:能隐藏掉吗;
已实现的方案:通过代理转发,就不会出现,but现在公司要求不能用代理转发😭,因为要和第三方对接,总不能把我们代码放他们服务器上,也不能要求更改人家的代理设置。
mumeiRyo于2020-04-03 16:22发布的图片
15
safari浏览器非同源网页跳转出现这个能隐藏掉吗。
mumeiRyo于2020-04-03 16:16发布的图片
评论
赞了这篇沸点
年底了,也学大家一起找个伴吧

性别:男
年龄:87
坐标:北京(以后可能回深圳)
籍贯:广东
身高:168
工作:前端
体重:65kg
爱好:女,小型动物,二次元,日剧,美剧,印剧,旅游,摄影,陶艺,理财
wx: new_rubylouvre

目前就职于北京一家大公司,中高层。早年忙着写书没谈恋爱,耽误了人生大事,30后才开始找。收入可观(普通码农的几倍),能存钱(每月80%),喜欢理财,收入也逐渐多元化。不怕失业,业界少有名气,可以依靠自己过硬的实力卖课赚钱。不抽烟不喝酒,无不良嗜好,自律,爱干净,寻求一位90后三观相符,爱好相近,干净聪明的妹子一起厮守终生,周游海外,品尝各地美食与风光。未来的她希望在北京或深圳,对于现在的我来说,时间成本太重了,耗不起,不想再异地恋了。
展开
三重循环于2020-01-12 22:44发布的图片
142
赞了这篇沸点
🕯️🕯️🕯️
阴明于2020-03-31 22:41发布的图片
阴明于2020-03-31 22:41发布的图片
66
板砖小哥 @cv大法组织
下一页
个人成就
文章被点赞 6
文章被阅读 3,551
掘力值 73
收藏集
1
关注标签
18
加入于