避免類只在生成CSS中產生內部使用

說我有以下LESS：避免類只在生成CSS中產生內部使用

@accent: #00aa22; 

.mainStyle 
{ 
    border-radius:0.5em; 
    border: 1px solid @accent; 
} 

#someElement 
{ 
    .mainStyle; 
}

我只用.mainStyle在我更小，並且從來沒有真正使用它在我的HTML的任何元素。它只是用來避免在我的LESS文件中重複。

但是在生成的CSS中，.mainStyle是多餘的，因爲它只用在我的LESS中。

在LESS中使用它時，是否有辦法從生成的CSS中排除該類？

來源

2013-10-11 PhonicUK

得到這個20秒問這個問題後...

您可以通過添加括號結束使類無參數的mixin：

.mainStyle() 
{ ... }

現在，它的內容只會出現在它的使用中你的LESS，而不是在生成的CSS中自己的類。

來源

2013-10-11 14:14:58 PhonicUK

爲什麼不添加一個引用到你找到答案的地方，這會讓別人更有用。 –

我通過嘗試發現它。 – PhonicUK

此參考文獻位於[** Parametric Mixins **]（http：//lesscss.org#-parametric-mixins）下lesscss.org的LESS文檔中，其中說：「您也可以使用不帶參數的參數混合，如果你想從CSS輸出中隱藏規則集，但希望將其屬性包含在其他規則集中，這非常有用「***」，並且還顯示了一個示例。 –

避免類只在生成CSS中產生內部使用

回答

相關問題