1

看起来你可以写一些类似的东西

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;        // Make inputs at least the height of their button counterpart
  .box-sizing(border-box); // Makes inputs behave like true block-level elements
}

并且input-block-level可以用作mixin（带括号）和应用于元素的类。scss中是否有类似的功能？

（示例取自https://github.com/twitter/bootstrap/blob/master/less/mixins.less#L154）

4

2 回答 2

2

您描述的功能将通过@extend.

http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#extend

这是 Sass 文档中的一个示例：

.error {
  border: 1px #f00;
  background-color: #fdd;
}
.seriousError {
  @extend .error;
  border-width: 3px;
}

话虽如此，您是否要使用extend或mixin取决于您的情况。

于 2012-10-12T23:35:53.400 回答
1

我无法回答确切的功能，但只能回答“类似的功能”......

@mixin input-block-level {
    /* css */
}
.input-block-level {
    @include input-block-level;
}

@mixin作为一种猜测，由于定义 mixin 所需的指令，我预计不可能实现确切的功能。

于 2012-10-12T22:45:38.700 回答