禁用伪类在缩小后不起作用

时间:2016-10-06 14:48:08

标签: css minify pseudo-class gulp-clean-css

目前我正在使用以下插件:

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
}

问题在于,当我运行优化的代码时,(缩小)第二个选择器不会被考虑在内。虽然它存在于样式表

有什么想法吗?

0 个答案:

没有答案