1

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;}

谢谢你

4

2 回答 2

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
于 2013-09-16T18:19:28.247 回答
0

它应该是.menu li a:active strong和.menu > li a:hover strong

于 2013-09-16T18:06:01.260 回答