less 笔记

最新推荐文章于 2024-06-06 18:59:14 发布

ITer_hua

最新推荐文章于 2024-06-06 18:59:14 发布

阅读量476

点赞数

分类专栏： HTML5 文章标签： less

本文链接：https://blog.csdn.net/ITer_hua/article/details/66969403

版权

HTML5 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

less 笔记

//@charset "utf8"
/*我会被编译*/
//变量
@width:300px;

div{
    width: @width;
    height: 100%;
}

//混合
#test{
    width: 100px;
    .box;
    .border(30px)
}
.box{
    height: 100px;
}
//混合+变量
.boxsmall{
    .border(30px)
}
.border(@border_width:25px){
    border: #ccc solid @border_width;
}

//匹配模式
.pipei(a){
    position: relative;
}
.pipei(b){
    position: absolute;
}

#pipei{
    .pipei(b);
}

//运算
#yunsuan{
    width: (@width*2+100)/10;
}