Javascript 当鼠标悬停在div上时，其他div不会更改属性

当我将鼠标悬停在该div的顶部时，该div没有更改属性。它似乎不起作用

我想将鼠标悬停在myclass div输入上，并使myclass2 div可见。 怎么做

.myclass that:悬停+.myclass2此{ 左：100px； }

---

这是有效的-你需要位置

但是，您不能单击新按钮，因此请参见第二个示例

此{位置：绝对；宽度：300px} 那个：悬停+这个{ 右：100px } 第一 第二 第三 第四 .myclass2{ 显示：无； } .myclass:鼠标悬停+.myclass2{ 显示：块； }

---

如果你只是不想让你的那个div在你悬停的时候可见。 然后您可以使用visibile属性，可以使用css或jquery方法进行管理

Css方法

Jquery方法

比如：

$('#this').hide();
$('#that').hover(function(event){
   $('#this').show();
});

---

我会删除这些类或ID，或者保留它们，如果你需要它们做其他事情的话。。。但是，这里有一个SCS可以为您解决此问题：

在这里，我删除了这些类，但正如我前面提到的，您可以保留这些类并删除ID，或者同时保留它们：

#this {
    display: none;
}

#that {
    &:hover {
        + {
            #this {
                display: block;
            }
        }
    }
}

---

无需在独特的IDI前使用类，我认为CSS总是优于JavaScript。事实并非如此。使用JavaScript，您的HTML无效时，您的生活会更轻松。没有结束标记，因为你不能单击按钮，尽管我可以单击按钮，从我在这里看到的所有答案来看，这一个似乎工作得最好。你正在用相同的无效结束标记复制他的HTML。谢谢！这很有效。我想我搞乱了CSS文件的顺序。无论如何，谢谢。标记不使用，也不需要结束斜杠，在HTML中也没有。这不是XHTML。但是我们以前也有过这样的对话。我非常喜欢用浏览器供应商编写HTML规范的方式来编写标记，而不是根据某个人对堆栈溢出的看法来编写。我打赌您从未在任何网页上使用过XML，或者您没有正确地将其作为XHTML服务。在任何情况下，结束斜杠在HTML中都是毫无意义的，因为如果您阅读了它，规范会告诉您。

#this {
    display: none;
}

#that {
    &:hover {
        + {
            #this {
                display: block;
            }
        }
    }
}