:悬停CSS无法正常工作?

Pra*_*ant 2 css browser hover

我创建了一个CSS类,如下所示:

div.ycontent div.ppclisting { background-color:#cccccc; }
div.ycontent div.ppclisting:hover { background-color:#FFE5DF; }
Run Code Online (Sandbox Code Playgroud)

我在我的一个页面中应用了上述样式,这在Firefox,IE 7.0+和其他最新浏览器中都运行得很好.但是,当我在另一个页面中应用相同的样式时,它不起作用.

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

Pra*_*ant 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">
Run Code Online (Sandbox Code Playgroud)

之前它是简单的<html>标签,因此:在div上悬停不起作用.添加doctype标签后,如上图所示,它为我工作.

感谢大家的帮助.

  • 这也解决了我们的问题.任何人都可以解释为什么这解决了这个问题? (3认同)