Css Sass混入，包括不工作

我正在使用mixin和include的基本示例，但我无法让它工作

这是我正在使用的代码

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

似乎对我有用：

看看，可能还有另一个问题导致你看不到你所期望的

我猜您已经将类

测试添加到元素中了？
代码正常，
你编译你的scss文件了吗？
JSFIDLE自动编译sass，但在正常情况下，为了在网站上使用它，您必须编译它并获得一个.css文件

检查ZURB基金会的SAS编译文档，非常简单和干净：

或者，您也可以这样玩在线资源：
我认为sass在我的系统上不起作用，因为h2和p css也没有显示。你能告诉我如何检查它的工作与否吗？就像下面pastorello说的，为了在浏览器页面中使用它，你必须将sass编译成css。首先，您是否安装了SASS？我将使用compass为您进行监视和编译：您还可以编辑config.rb文件以选择源文件夹和目标文件夹，将sass和css分开。请注意，sass目录中的任何文件都将被编译为css，但是以下划线开头的文件名不会被编译为css，这些文件被用作包含文件，以帮助使用模块化方法构建项目。现在，我将此错误资源解释为样式表，但使用MIME类型text/plain传输："file:///C:/sass-test/sass/style.scss“…谢谢你的帮助，伙计：）