少編譯所有空元素

我該如何編譯所有空元素從.less到.css？例如少編譯所有空元素

.nav-tab{ 
    &__item{ 
    margin: 10px; 
    } 
}

有人compilated在： .nav-tab__item{margin: 10px;} 但我需要：

.nav-tab{} .nav-tab__item{margin: 10px;}

它工作，如果我添加任何屬性，但沒有它沒有編譯：

.nav-tab{}

我試過WinLess和Gulp-less ps我需要它爲「Emmet LiveStyle」。第一：加選擇，第二：使用Chrome

幫助DevTools填補其

爲什麼需要這個'.nav標籤{}'呢？它什麼都不會做，不是嗎？ – Harry

@Harry，因爲.nav-tab {}只是屬性的爭奪者。我將通過Chrome的開發工具DevTools填寫它 –

在Chrome開發工具中，您可以自己添加一個選擇器，因此根本不需要容器存在於CSS中。只需點擊新樣式規則圖標（+圖標）。 – Harry

您可以使用一個假的規則集（例如，ignore: me;）或插入註釋：

.nav-tab { 
    /* force LESS to generate an empty ruleset */ 

    &__item { margin: 10px; } 
}

應該導致下面的CSS：

.nav-tab { /* force LESS to generate an empty ruleset */ } 
.nav-tab__item { margin: 10px; }

2016-05-05 12:20:55

謝謝。您的破解可能對創建代碼段有所幫助 –

up：假規則集僅適用於LiveStyle沒有錯誤 –

回答