我创建了一个CSS类，如下所示：
div.ycontent div.ppclisting { background-color:#cccccc; }
div.ycontent div.ppclisting:hover { background-color:#FFE5DF; }
我已经在我的一个页面中应用了上述样式，这在Firefox，IE 7.0+和其他最新浏览器中运行得非常好。但是当我在另一个页面中应用相同的样式时，它就无法正常工作。
谁能告诉我可能是什么原因？为什么它不在另一页工作。
答案 0 :(得分：17)
我得到了答案为什么：悬停不在另一页上工作。实际上在第二页上，未在HTML页面中添加DOCTYPE标记，如下所示，
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
之前它是简单的<html>标签，因此：将鼠标悬停在div上无效。添加doctype标签后如上图所示为我工作。
感谢大家的帮助。
答案 1 :(得分：3)
刚遇到类似的问题。确保你正确堆叠！也就是说，z-index。
答案 2 :(得分：2)
如果它在一个地方工作，而不是在另一个地方工作，那么要么它没有正确调用，要么没有正确应用。
使用Firebug，看看应该的元素具有哪些属性。然后检查类名是否有拼写错误。通常，这将解决所描述的问题。
答案 3 :(得分：2)
此外，在IE6中，:hover仅适用于a元素。记住这一点。
答案 4 :(得分：1)
我同意布兰登的意见。
我还要添加..
如果删除：
div.ycontent
部分，如下所示：
.ppclisting {
background-color:#cccccc;
}
.ppclisting:hover {
background-color:#FFE5DF;
}
您可能会发现它可以在您的其他页面上使用。
为什么呢？因为您已将这些样式定义为“类”。类打算多次应用相同的样式。
通过在它之前放置“div.ycontent”，你实质上是在“限制”/不利用CSS类的拉动潜力。
答案 5 :(得分：0)
也许其他页面中的嵌套div没有类ycontent和/或元素本身不是类ppclising？
答案 6 :(得分：0)
我只是有一个位置：绝对是父母打破我的：hover＆＃39; s，虽然它似乎不像祖父母那样是个问题。我对这一切都不熟悉，所以我不知道这是否正常。
修正案：对我来说，这是一个z指数问题。我需要在父节点上放置-1，在指定位置的任何兄弟节点上放置0，在我希望悬停活动的div上放置1。