scss-@mixin
2024-08-24 09:28:24
@mixin指令用于定义混入,它包括任选的变量和参数中的mixin名称后。
scss简单示例:
@mixin style {
.cont{
color: #77C1EF;
}
}
@include style;
编译后的css代码如下:
.cont {
color: #77C1EF;
}
@include 指令用于包含mixin到文档中。mixin名称取自可选的参数传递给它。由mixin定义的样式可以包含到当前的规则。
scss简单示例:
@mixin style {
.cont{
background-color: #77C1EF;
color: #ffffff;
}
h3 {
color: #ffffff;
}
}
@include style;
编译后的css代码如下:
.cont {
background-color: #77C1EF;
color: #ffffff;
} h3 {
color: #ffffff;
}
最新文章
- 办公OA的登陆界面..
- [Leetcode] Bulls and Cows
- 使用struts的logic:iterate标签遍历列表时得到显示序号
- springmvc(1)DispatcherServlet源码简单解析
- sql server 向oracle导入表
- Configure,make,make install详解
- Asp.net弹出层并且有遮罩层
- java,图片压缩,略缩图
- Eclipse代码注释模板修改
- ArrayList/List 泛型集合
- C#, VB.NET如何将Excel转换为PDF
- C#中??和?分别是什么意思?
- 顺序或者说优先级的重要性---解决dom生成问题有感
- 嵌套调用less函数时参数值的变化及提取部分-遁地龙卷风
- hiho 1097 最小生成树一·Prim算法 (最小生成树)
- 在macOS下使用MAXPP搭建本地开发服务器简易流程
- vue中几种常见技巧
- ES - dynamic field mapping
- ResNet 论文研读笔记
- jenkins slave 安装服务与卸载
热门文章
- struts2配置文件中的method={1}详解
- 在DZ 中 showmessage 中可以再次执行 JS
- redis incr自增指定的无限期 key 删除问题
- 把查询的结果组织为一串字符(eg:板板鞋,兵乓球,篮球,足球)
- vue 遇到的一个问题......
- 简单了解树形DP
- 【算法笔记】B1018 锤子剪刀布
- HDU6395(分段+矩阵快速幂)
- C++ STL之Set
- session.flush()与session.clear()的区别及使用环境