CSS样式在开发和生产中的行为有所不同

时间：2018-12-10 19:51:42

标签： css reactjs

我遇到了将CSS样式应用于名为react-popup的软件包中的覆盖图的麻烦。 css样式在生产中无法正常工作，而在开发中则可以正常工作。

基本上，这两个类似乎是问题所在：

.mm-popup {
    display: none;
}
.mm-popup--visible {
    display: block;
}

在开发中可以使用，但是在生产中.mm-popup--visible始终设置为display: none; 似乎甚至没有考虑.mm-pop--visible，而只是使用.mm-popup.

enter image description here

如果我尝试这样设置

.mm-popup .mm-popup--visible {
    display: block;
}

情况恰恰相反，它在开发中有效，但在生产中无效。

enter image description here

有想法吗？

2 个答案:

答案 0 :(得分：1)

实际上，当您合并相同div完成的类时，要留出空间，现在您需要的是.mm-popup.mm-popup--visible，而没有空间。事实是您的样式正在搜索--visible作为{{1}的子元素}，但级别相同。所以你应该没有空间使用

答案 1 :(得分：0)

我认为mm-popup--visible中的破折号之间有一个空格，您写错了mm-popup- -visible

相关问题
最新问题