SASSを使用して親の親を選択する方法は？

私は自分のサイトのホームページでクリックスルーする必要があるカバーを作成しています。SASSを使用して親の親を選択する方法は？

<body> 
    <div id="main"></div> 
</body>

私のSCSSファイルは次のようになります。

body { 
    #main { 
     position: absolute; 

     &#home & { 
      pointer-events: none; 
     } 
    } 
}

私が欲しいのは

body { 
} 
body #main { 
    position: absolute; 
} 
body#home #main { 
    pointer-events: none; 
}

は私の代わりに私が親の親に条件を適用するにはどうすればよい

body #main { 
    position: absolute; } 

    body #main#home body #main { 
     pointer-events: none; }

で何を得る...のようなスタイルがありますか？

2016-05-04 Josh

&は、スタイルを同じレベル（＃main＃homeの問題）にまとめます。これを試して。

body { 
    #main { 
    position: absolute; 
    } 
    #home #main { 
    pointer-events: none; 
    } 
}

2016-05-04 16:13:23 Julie

答えて