嵌套祖先規則LESS

Question

我有一個LESS文件，在那裏我已經包裹了一大堆的規則於一體的類：

body.programme { 

    #VideoWrapper { 
     border: 1px solid red; 
     } 

    etc... 

    } 

但是我想改變#VideoWrapper的風格，如果另一個類存在在身體。我想我也許可以做到以下幾點...

body.programme { 

    #VideoWrapper { 
     border: 1px solid red; 

     body.inside & { 
      border: 1px solid yellow; 
      } 

     } 

    etc... 

    } 

基本上我想輸出下面的CSS規則：

body.programme #VideoWrapper { 
    border: 1px solid red; 
} 
body.programme.inside #VideoWrapper { 
    border: 1px solid yellow; 
} 

在不到這甚至可能沒有拉出來的規則父主體的程序包裝器？

Answer 1

我認爲使用＆選擇應該做的伎倆，這樣的事情：

body.programme { 
    #VideoWrapper { 
     // Your styles 
    } 
    &.inside { 
     #VideoWrapper { 
      // Different styles 
     } 
    } 
} 

另一種方法（其中唉意味着將這些樣式出來的body）可能是：

#VideoWrapper { 
    // generic styles 
    body.programme & { 
     // special styles 
    } 
    body.programme.inside & { 
     // further styles 
    } 
} 

但是這可能不會讓你的強迫症得到滿足。