2016-05-05 6 views
0

空でない要素をすべて.cssからコンパイルするにはどうすればよいですか?例えば はすべての空要素をコンパイルしない

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

それはでcompilatedた: .nav-tab__item{margin: 10px;} しかし、私は必要があります。

.nav-tab{} 

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

それは何のコンパイルを私は任意のプロパティを追加する場合は動作しませんが、それなし私はWinLessとGulp-lessを試しました ps私は "Emmet LiveStyle"のためにそれが必要です。第一:第二、セレクタを追加します。あなたが偽のルールセット(例えば、ignore: me;)を使用したり、コメントを挿入することができクローム

+1

なぜあなたはとにかく '{}この' .nav-タブが必要なのですか?それは何もしないだろうね。 .nav-tab {}はプロパティのコンティニューのみであるため、@ハリーです。 – Harry

+0

私はその助けを記入しますChromeのDevTools –

+1

Chrome Devツールでは、セレクタ自体を追加することができるので、コンテナをCSSにまったく存在させる必要はありません。新しいスタイルルールアイコン(+アイコン)をクリックするだけです。 – Harry

答えて

1

のヘルプデベロッパーツールでそのフィル:

.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

+0

ありがとうございます。あなたのハックは、スニペットの作成に役立つかもしれません –

+0

up:LiveStyleでバグのない偽のルールセット –

関連する問題