阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      Sass 默认参数值

      为了在@include混合器时不必传入所有的参数,我们可以给参数指定一个默认值。参数默认值使用$name: default-value的声明形式,默认值可以是任何有效的css属性值,甚至是其他参数的引用,如下代码:

      @mixin link-colors(
          $normal,
          $hover: $normal,
          $visited: $normal
        )
      {
        color: $normal;
        &:hover { color: $hover; }
        &:visited { color: $visited; }
      }
      

      如果像下边这样调用:@include link-colors(red) $hover$visited也会被自动赋值为red

      混合器只是sass样式重用特性中的一个。我们已经了解到混合器主要用于样式展示层的重用,如果你想重用语义化的类呢?这就涉及sass的另一个重要的重用特性:选择器继承。

      目录
      本文目录
      目录