css - Sass mixin 和 include 不工作

标签 css include sass mixins

我正在使用 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;
    }
}

最佳答案

似乎对我有用:

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

看看,可能还有其他问题导致您看不到预期的内容。

我猜你已经将 test 类添加到元素中了?

关于css - Sass mixin 和 include 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25200409/

相关文章:

javascript - Transition effect 不把 transition image 去掉吗?

php - 需要一个正则表达式来将 css 类添加到第一个和最后一个列表项

gradle - 在 Gradle 扩展/复制期间,如何将不同文件夹中的辅助文件包含到主文件中?

php - javascript 在 onclick 处包含文件

html - 如何使用 Flexbox 制作四个基于视口(viewport)的盒子?

javascript - 除一个元素外的所有元素都易于过渡

html - 怎么让:scroll div have the same height of its container?溢出 详细里面

c++ - C1083 : Cannot open include file: math. h: 没有那个文件或目录

angular - 在 angular 中使用::ng-deep 推荐

java - 在 netbeans 普通 java 项目中自动编译 SCSS