css - Sass mixins 和占位符不能一起工作

标签 css html sass mixins

<分区>

我正在将我的 CSS 样式表转换为 SASS

然而,我在同时使用占位符和混入时遇到问题,编译器会提示。在下面的示例中,我尝试使用 媒体查询混合中的 %fullwidth 占位符。

这似乎不符合逻辑, 有没有办法解决这个问题,还是我必须手动输入 CSS?

Ps 我已经搜索了其他线程,但我无法理解这个问题, 感谢任何帮助

%fullwidth {        // place holder
  width: 100% 
}
-

body {
  background-color: #00000D;
  font-family: $robotofont;

  @include mobile {   // Mixin for media query min-width 250px 
    font-size: 60%;
    @extend fullwidth;  // causes an ERROR

  }

最佳答案

我相信您只是在扩展调用中遗漏了 %,即 @extend %fullwidth;

关于css - Sass mixins 和占位符不能一起工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29457189/

上一篇:javascript - onclick:改变位置后做一些事情

下一篇:javascript - 使用 Knockout JS 从下拉框中添加元素到 observablearray

相关文章:

html - Flex-box 多行。如何使用: flex-wrap: wrap?

html - 图标不会在按钮中居中对齐

html - 在伪元素前后使用 CSS 创建左箭头

javascript - jquery 下拉菜单和 swf

html - 如何在不移动表格标题的情况下滚动表格的主体?

php - 如何正确使用foreach()

sass - 在 Sass 中使用函数返回包含函数名称的字符串而不是结果

laravel - 在新的 Laravel 5 项目中使用 SASS 而不是 LESS

html - 如何删除 block 最后一个元素下方的所有空白区域?

html - 为什么我的子菜单没有显示?