コンパイルされた出力に空のスタイルブロックが含まれますか？

Question

私は時々、私のチームに、マークアップの構造に合ったsassファイルに空のスタイルブロックを残しておき、他の開発者が、コンポーネントが持つたびに書き込まなかったマークアップのためにこのスキャフォールディング構造を作り直す必要はないまだ確定されていません。また、1つのブレークポイントから他のブレークポイントまで一貫した構造を維持し、タブレットがモバイルファーストスタイルを上書きする際の特定の問題を回避します。次に、必要な場所にすばやく簡単にスタイルを追加できます。コンポーネントが完成したときにこれらの空のブロックを削除しないと、それらのコンパイル済みおよび縮小出力にそれらのブロックが含まれますか？

.new-header-main-content { 

    .header-inner-content { 

     .left-column { 

      a { 
       img { 
       } 
      } 
     } 

     .right-column { 


      .desktop-hamburger-menu { 
      } 
     } 
    } 
} 

Answer 1

いいえ、コンパイル済みcssファイルには含まれていません。このコードはCSSファイルに何も出力しません。

Answer 2

https://www.sassmeister.comで確認できます。 実際には、現時点では使用されていない、KISSの原則に従うという、良い選択肢ではありません。したがって、あなたの例では、コンパイルされたCSSは空になります。