少编译所有空元素

Question

如何编译从.less到.css的所有空元素？ 例如

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

它汇编成： .nav-tab__item{margin: 10px;} 但我需要：

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

如果我添加任何属性，但没有它没有编译，它可以工作：

.nav-tab{}

我尝试过WinLess和Gulp-less 附：我需要它为＆＃34; Emmet LiveStyle＆＃34;。第一个：添加选择器，第二个：用帮助DevTools of Chrome填充它

Answer 1

您可以使用虚假规则集（例如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; }

DEMO