：活动的HTML / CSS不起作用

Question

有些错误：活跃，如果有人能找到问题就会受到赞赏。

Html代码：http://pastebin.com/4wCi3L2Z

CSS代码：http://pastebin.com/jZvgdDaA

感谢。

Answer 1

你的html有一个class="active"，但你的css使用的是：active选择器，它与一个类不同。您可能只想使用：active选择器，或者在css中使用类选择器.active。我想你可能会混淆两者。

Answer 2

：有效选择器位于main（定义默认样式）之前。

权利就是这样（按此顺序）：

#nav li a {... }
#nav li a:hover {...}
#nav li a:active {...}

我建议也使用：focus ：

#nav li a {... }
#nav li a:hover {...}
#nav li a:active, #nav li a:focus {...}

现在，如果您希望在将焦点更改为其他对象后仍然保持焦点，则必须使用 javascript （ Jquery ， Mootools 或< strong> Dojo.js 应解决您的问题。）

我建议使用javascript和className。

关于 CSS 的另一件事，永远不要这样做：

#myID p em{...} 
#myID em.myClass{...} 

正确的程序如下：

#myID p em{...} 
#myID p em.myClass{...}