CSS!重要的是BEM修饰符吗？

Question

鉴于一些造型和一个附加的类(一个元素mywidget_button -禁用),它作为BEM修饰符,确实具有意义,因为实际应用中,使用重要!条款？

.mywidget__default ~ .mywidget__button {
    border: 1px solid #000;
}

.mywidget__button--disabled {
    border: 1px solid transparent !important;
}

第一个类更具体,并且在第二个类中胜出,但作为禁用类的一个修饰符(理论上)应该比"常见"样式具有更高的优先级,依赖于!important子句是否正确？

或者它是否使代码容易出现意大利面？

Answer 1

我觉得!important还可以。就我个人而言，我尽量不写具体内容作为您的第一条规则，如果我这样做，我可能会选择

.mywidget__button.mywidget__button--disabled {
    border: 1px solid transparent;
}