sass语法中的@content

编程知识 更新时间:2023-04-05 05:46:23

 

@content这个是不是个类似占位用的,代表里面是自定义的的

    @-webkit-keyframes #{$name} {
        @content;
    }
`@content`用在`mixin`里面的,当定义一个`mixin`后,并且设置了`@content`;
`@include`的时候可以传入相应的内容到`mixin`里面

 官网给的例子:

$color: white;
@mixin colors($color: blue) {
  background-color: $color;
  @content;
  border-color: $color;
}
.colors {
  @include colors { color: $color; }
}

编译后: 

.colors {
  background-color: blue;
  color: white;
  border-color: blue;
}

http://sass-lang/documentation/file.SASS_REFERENCE.html 

更多推荐

sass语法中的@content

本文发布于:2023-04-05 05:46:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/7e63fb72311cf04fc6fe33998381be06.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:语法   sass   content

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 45088文章数
  • 14阅读数
  • 0评论数