css - 縮小後に無効化された疑似クラスが機能しない

Question

現在、次のプラグインを使用しています。

gulp-clean-css

これは私のレイアウトです：

<div class="checkbox">
  <label>
    <input type="checkbox" disabled="disabled" checked="checked">
    <span class="checkbox-material" style="margin-right: 10px">
       <span class="check"></span>
    </span>I'm supposed to be checked and disabled
  </label>
</div>

次に私のCSSで：

.checkbox input[type=checkbox]:checked+.checkbox-material .check {
    color: #2196f3; // when the input's disabled is set to false
}


.checkbox input[type=checkbox][disabled]:checked+.checkbox-material .check{
        color:#9E9E9E!important;cursor:not-allowed!important; // When the input is disabled
}

問題は、最適化された (縮小された) コードを実行すると、2 番目のセレクターが考慮されないことです。スタイルシートにあるのに

何か案は？