返回

Less语言特性 - 命名空间和访问器

发布时间:2022-09-19 12:03:09 366
# css# html# less# java# java

它用于将mixins分组在通用名称下。 使用命名空间可以避免名称冲突,并从外部封装mixin组。
less是css的预编译语言,类似于用函数编程的方式去定义css。所以自然会涉及到调用的问题,我们在写.net/java时,需要调用外部对象方法时,其实在头部就是先引用了该对象方法的命名空间,在这个地方,命名空间的主要目的就是划分模块,自然每个模块是互不干扰的,避免了不同命名空间下的重名冲突等。也正因如此,增加了代码的可读性。

例如下面的例子,先做了定义, 最外层是headerClass, 内部有两个leftClass和rightClass:

.headerClass {
.leftClass {
float: left;
}
.rightClass {
float: right;
}
}

定义好了层次结构之后便可以直接调用了,例如:

.container .left {
.headerClass > .leftClass;
}

如此一来,便有了一定的复用功能,且因为有了命名空间不会造成代码使用的混乱。

示例

Less语言特性 - 命名空间和访问器_less

 

index.html












左侧内容

右侧内容


index.less

.headerClass {
.leftClass {
float: left;
}
.rightClass {
float: right;
}
}

.container .left {
.headerClass > .leftClass;
}

.container .right {
.headerClass > .rightClass;
}
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(0)
按点赞数排序
用户头像
精选文章
thumb 中国研究员首次曝光美国国安局顶级后门—“方程式组织”
thumb 俄乌线上战争,网络攻击弥漫着数字硝烟
thumb 从网络安全角度了解俄罗斯入侵乌克兰的相关事件时间线
下一篇
小程序与普通网页开发的区别 2022-09-19 11:42:34