less模块——混合（像函数一样可以调用）

最新推荐文章于 2024-09-12 13:29:35 发布

YUHUI01

最新推荐文章于 2024-09-12 13:29:35 发布

阅读量1.8k

点赞数 1

分类专栏： less模块文章标签：混合 less

本文链接：https://blog.csdn.net/YUHUI01/article/details/80934445

版权

less模块专栏收录该内容

8 篇文章 0 订阅

订阅专栏

混合

混合可以实现带参数的调用，像函数一样

.text(@radius:5px){           //less
    border-radius: @radius;
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
}
#header{
    .text;
}
#footer{
    .text(10px);
}

#header {              //css样式
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#footer {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}