当前位置: 代码迷 >> 综合 >> scss-@mixin
  详细解决方案

scss-@mixin

热度:12   发布时间:2024-01-20 06:17:03.0

  @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;}

 


更多专业前端知识,请上 【猿2048】www.mk2048.com
  相关解决方案