丁鹿学堂:前端css常用预编译器less总结(一)

2022-11-24 0 760

原副标题:丁鹿大学堂:后端css常见预校对器less归纳(一)

丁鹿学堂:前端css常用预编译器less总结(一)

less如是说

less是较为称心的css后处理词汇。

less减少了许多称心的新优点。

常见的有表达式,混进,冗余,排序等

他们要特别注意的是,less无论是在伺服器却是在应用程序中,都无法间接被采用,而要要校对成css就可以运转。

less文档是以.less开头的

less 校对的三种形式

1 vscode 应用程序 easy-less ,能协助他们手动去校对less为css

2 导入两个cdn的less校对标识符,能对less展开Vertus,这时要把导入的less加两个type type=”text/less”

3透过npm加装less辅助工具,试玩less辅助工具对less标识符展开校对(在webpack中实用性之后能手动校对),这也是工程项目中最常见的形式。

less冗余

假如box箱子是container的常量,在css中是这种写的

.container .box{ height:100px }

在less中能间接冗余写式样 ,& 则表示所处示例的中文名称。 上面的& 相等于.box, 常见于加进许多regardless采用。

.container{ .box{ height:100px &:hover{ color:red } } }

less表达式

@colorRed:#dd143c;

.box{ color:@colorRed }

less的运算

less中支持采用运算

.box{ height:100px *2 }

责任编辑:

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务