css - 在产品上构建时如何撤消选择器的分组？

Question

我有这样的代码：

&__dropdown-box
        &:hover
            opacity 1
            visibility visible
        &:focus-within
            opacity 1
            visibility visible

在 prod 上组装时，结果如下：

.menu__dropdown-box:focus-within,.menu__dropdown-box:hover {
    opacity: 1;
    visibility: visible
}

是否有可能阻止他们分组？因为当它们在 IE 中分组时，悬停不起作用。

标签： cssstylus