html - :Active HTML/CSS 不工作

Question

:active 有问题，如果有人能找到问题，将不胜感激。

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

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

谢谢。

Answer 1

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

Answer 2

: active选择器位于 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或Dojo.js应该可以解决您的问题）。

我建议使用 javascript 和 className。

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

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

正确的程序如下：

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