•  21-08-2019
  •  | 
  •  

题

我已经创建了一个CSS类，如下所示：

div.ycontent div.ppclisting { background-color:#cccccc; }
div.ycontent div.ppclisting:hover { background-color:#FFE5DF; }

我在我的网页，这是工作在Firefox，IE 7.0+相当精细的一个和其他最新的浏览器应用了上述风格。但是当我申请相同的风格在另一页则其无法正常工作。

谁能告诉我可能是什么原因？为什么它不是在另一页的工作。

有帮助吗？

解决方案

我为什么答案：悬停不另一页上工作。实际上第二页的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标记之后。

感谢大家的帮助。

其他提示

只要有类似的问题。确保你正确地叠加！即，z索引。

如果它的工作在一处，但不是另一个地方，然后或者它没有被正确地称为或者它没有被正确地应用。

使用Firebug的，看看有什么性质的元素应的有风格真的有。然后检查类名的拼写错误。通常，如所描述的那会解决这个问题。

另外，在IE6，:hover仅适用于a元件。记住这一点。

我与布兰登agreeance。

我也将增加..

如果您删除：

div.ycontent

从您的线路部，使得其看起来像这样：

.ppclisting { 
background-color:#cccccc; 
}

.ppclisting:hover { 
background-color:#FFE5DF; 
}

您可能会发现它会其他网页上工作。

为什么呢？因为你定义了这些样式为“类”。类拟申请相同的风格多次。

通过前放置“div.ycontent”，你基本上是“限制” /不利用CSS类的拉动潜力。

也许在其它页面嵌套DIV不具有类ycontent和/或所述元件本身并不类ppclising？

我刚刚的位置是：绝对的父母打断我：悬停的，虽然它似乎并不成为一个问题，因为祖父母。我是新来的这一切，所以我不知道这是否正常。

修订：事实证明，这是一个z-index的问题对我来说。我需要把-1对父，0与上我想悬停活动的div规定位置和1中的任何兄弟姐妹。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top