LESS /是否可以擴展自己嵌套的最近的祖先？

Question

是否有可能想到這個CSS輸出：

.a .b { color: green } 
.a .c, .b { color: green } 

從這個LESS代碼：

.a { 
    .b { 
     color: green; 
     .c { 
     &:extend(.b); 
     } 
    } 
} 

在一個句子：我們可以擴展嵌套本身最近的祖先？

Answer 1

有沒有.b延伸，因爲:extend將只匹配完整的上下文選擇器和.b不存在（只有.a .b存在）。所以:extend(.b)將不起作用。

它將如果使用:extend(.a .b)自認爲選擇存在匹配的東西。這：

.a { 
    .b { 
     color: green; 
     .c { 
     &:extend(.a .b); 
     } 
    } 
} 

將導致：

.a .b, 
.a .b .c { 
    color: green; 
} 

但你不會得到你所建議的輸出，因爲這將需要.c是.a，而不是根據.b下。有了這樣的：

.a { 
    .b { 
     color: green; 
    } 
    .c { 
     &:extend(.a .b); 
    } 
} 

你會得到下面的結果，這是更接近你期望：

.a .b, 
.a .c { 
    color: green; 
} 

爲了得到你所期望的結果，你只需要添加這個（在頂級）：

.b:extend(.a .b){}