Question

我正在使用mixin的基本示例并包含，但我无法让它工作。

这是我正在使用的代码。

    @mixin border-radius($radius) {
  -webkit-border-radius: $radius;
     -moz-border-radius: $radius;
      -ms-border-radius: $radius;
          border-radius: $radius;
} 

    .test {
    @include border-radius(10px);
    padding: 20px;
    background: red;
    font-size: 12px;

    h2 {
        font-size: 24px;
        color: yellow;
    }
    p {
        color: #333333;
    }
}

Answer 1

似乎对我有用：

http://jsfiddle.net/lee_gladding/twvsdsnt/

看一看，可能会有另一个问题导致您无法看到您的期望。

我猜您已将课程test添加到元素中？

Answer 2

代码没问题，你编译了scss文件吗？ JSFiddle会自动编译sass，但在正常情况下，您必须编译它并获取.css文件才能在网站上使用它。

检查zurb基础文档以进行sass编译，它非常简单和干净： http://foundation.zurb.com/docs/sass.html

或者您可以使用以下在线资源： http://sassmeister.com/

Sass mixin并且包括不工作

2 个答案: