css - 反向查找sass mixin，这可能吗？

Question

有谁知道SASS是否可以实现以下功能

我有一个 ie mixin:

@mixin ie($version) {
    @if $version == 8 {
        html.lt-ie9 {
            @content;
        }
    }
    @if $version == 7 {
        html.lt-ie8 {
            @content;
        }
    }
}

用法:

@include ie(8){
    body {
        header {
            color: beige;
        }
    }
}

呈现:

html.lt-ie9 body header {
  color: beige;
}

现在如果我能做这样的事情会很棒:

header {
    > nav {
        color: beige;
        @include ie(8) {
            color: green;
        }
    }
}

这将呈现

header > nav {
    color: beige;
}

html.lt-ie9 header > nav {
    color: green;
}

这可能是一厢情愿的想法，但是如果这样的事情是可能的，有没有人有任何想法

[编辑]

所以这是可能的! super 好。

我已经将我的 mixin 更新为:

@mixin ie($version,$depth:false) {
    @if $depth == false {
        @if $version == 8 {
            html.lt-ie9 {
                @content;
            }
        }
        @if $version == 7 {
            html.lt-ie8 {
                @content;
            }
        }
    } @else {
        @if $version == 8 {
            html.lt-ie9 & {
                @content;
            }
        }
        @if $version == 7 {
            html.lt-ie8 & {
                @content;
            }
        }
    }
}

谢谢戴夫

Answer 1

你不需要mixin。只需使用:

header {
    > nav {
        color: beige;
        html.lt-ie9 & {
            color: green;
        }
   }
}