【前端框架学习笔记】LessCSS(3):语法(2)

今天继续上周的内容,接下来讲的是“混合”。


混合被称为“CSS预处理器语言中最强大的特性”。它能将一部分样式抽出,作为单独定义的模块,被很多选择器重复使用(类似JS的函数)。


现在来看看它的具体用法:

假设有已经写好的名为a,b的两个类选择器,b直接引入a的类名,就能把a的属性照搬过去: 

.a{ width:600px; } 

.b{ .a; }


这个.b在.css文件里面会显示:

.b{ width:600px; }


带参数的混合

 @v:600px; //变量可以作为参数使用 

.a(@v){ width:@v; } 

.b1{

 .a(@v); // width:600px; 

.b2{ 

.a(10px); //width: 10px; 

}


混合的部分就暂时讲到这里。

--------

免责声明:http://www.jianshu.com/p/cd9793098eea

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,178评论 1 92
  • 先安利我最近看的一部电视剧吧:《鸡毛飞上天》,讲浙江义乌小商品市场怎么发展起来的故事,以小积大呀,所以我们的基础一...
    Iris_mao阅读 649评论 0 6
  • 雨后的清风 凛然绽放的花朵 还有触及不到的笑容 心中的孤独 对你的爱恋 依旧传达不出 渺渺的感情 深深的思恋 我与...
    浅汝阅读 424评论 2 10
  • 感恩今天有时间陪孩子玩耍。女儿最近特别可笑,像个小大人。告诉我,妈妈你别玩手机,跟悦溪玩。我给你洗洗头吧️️️,然...
    悦心慧儿阅读 307评论 0 1
  • 刚看完一个故事,里面有一段对话是这样的: “那你们为什么会在一起?”“因为我们接受了彼此原本的样子,大概吧?”“而...
    我愛一個幼稚鬼阅读 419评论 0 2

友情链接更多精彩内容