html - css 和 Html 处于事件状态

Question

HTML代码

<div class="pagenav">
 <ul id="m" class="menu">
   <li>
          <a href="#">
               <strong>Home</strong>
           </a>
  </li>

   <li>
          <a href="#">
               <strong>Home</strong>
           </a>
  </li>
...

一个。我正在使用下面的 CSS 代码更改事件颜色，我做错了什么？

.menu li a strong:active{color:#fff !important;}

下面的代码有效，更大的符号“>”是否意味着菜单类之后的所有 li？我说得对吗？

.menu > li a strong:hover {color:#fff !important;}

谢谢

Answer 1

您的代码有两处错误。首先你需要这样布局

.menu li a:active strong{color:#00f !important;}

其次，您需要以正确的顺序使用 a CSS。你现在把它们弄错了。这是正确的方法:

演示 http://jsfiddle.net/kevinPHPkevin/XfsvV/

.menu > li a:hover strong {color:#fff !important;}
.menu li a:active strong{color:#00f !important;}

顺序应遵循以下上下文:

a:link
a:visited
a:hover
a:active