sass - 检查 SASS 父选择器是否存在。可能吗

Question

我有一个问题。所以在混音中我引用了父选择器“&”。只要混合没有嵌套，这就有效。有没有办法检测混合是否在非嵌套场景中使用，或者检查“&”是否为空？

这在 mixin 调用未嵌套时有效

=myresponsiveMixin($media)
  @if $media == small {
    @media only screen and (max-width: $break-small)
       @content
  @else if $media == medium
    @media only screen and (min-width: $break-small + 1) and (max-width: $break-large - 1)
       @content

这在 mixin 调用嵌套时非常有效，但在未嵌套时不会解析 '&'

 =myresponsiveMixin($media)
      @if $media == small {
        @media only screen and (max-width: $break-small)
           .classInHTMLToAllowMediaQueries &
               @content
      @else if $media == medium
        @media only screen and (min-width: $break-small + 1) and (max-width: $break-large - 1)
           .classInHTMLToAllowMediaQueries &
               @content

所以问题是，如果有一种方法能够检查父选择器“&”的值，那么我就可以在一个 mixin 中覆盖所有基础？

Answer 1

@mixin does-parent-exist {
  @if & {
    .exists & {
      color: red;
    }
  } @else {
    .doesnt-exist {
      color: red;
    }
  }
}

http://sass-lang.com/documentation/file.SASS_REFERENCE.html#parent-script