Question

我在容器内部有一个bootstrap模式，它在hover上有相关的样式。当模态打开时，将应用悬停样式，就像模态未打开一样。以下是此问题的一个示例：

在我的代码中，我无法将模式移动到容器外部，因为有几个容器，每个容器都有一个独特的模态。

当模态打开时，如何防止悬停样式被应用？

Answer 1

您可以键入以下事实：当模态打开时，<body>元素具有modal-open类。

body:not(.modal-open) #block_1:hover {
  background-color: red;
}