2013-04-18 49 views
0

有誰知道,如果以下是可能的SASS反向查看sass 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; 
} 

這可能是一廂情願的想法,但任何人有任何的想法,如果這樣的事情是可能的

[編輯]

所以這是可能的!超。

我已經更新我的混入到:

@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; 
      } 
     } 
    } 
} 

感謝 戴夫

回答

3

你不需要混入。 只是使用:

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

啊!不知道你能做到這一點......謝謝Srdjan。 – magicspon

+0

不客氣! –