帶參數的LESS僞類

我需要構造下面的css，使用less。但不幸的是，LESS似乎沒有編譯。帶參數的LESS僞類

必需的CSS

.container .wrap > div:nth-child(4){ 
    pointer-events:none; 
}

LESS

.container { 
    .wrap { 
     > div:nth-child(4) { 
      pointer-events: none; 
     } 
    } 
}

我是新來LESS和任何幫助表示讚賞。

2014-05-06 Pax

LESS在嘗試編譯時會說什麼？它應該給你一個提示。 – alex

最有可能你使用了一些過時的Less編譯器，因爲你的例子實際上是有效的，並且使用參考Less實現編譯得很好。 –

試試這個：

.container { 
    .wrap { 
     & > div:nth-child(4) { 
      pointer-events:none; 
     } 
    } 
}

因此，這是明確的：

的「&」的標誌，選擇定義中使用時，意思是「是指當前正在定義的規則的父。「所以在這種情況下，它指的是'.wrap'。

2014-05-06 00:11:35 trevor

回答