Question

我的导航中有3个项目：主页 - 关于 - 联系人。问题是我希望链接处于活动状态时保持相同的背景，所以我做

.main-nav li:hover {background: #000;}
.main-nav li:active {background: #000;}

（当然在下面悬停），但它不起作用。我该怎么办？

HTML：

.main-nav li:hover {background: #000;}
.main-nav li:active {background: #000;}

<nav class="main-nav clearfix">
  <div class="menu-menu-container">
    <ul id="menu-menu" class="menu">
      <li id="menu-item-9" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-9">
        <a href="#">Home</a>
      </li>
      <li id="menu-item-10" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-5 current_page_item menu-item-10">
        <a href="#">About</a>
      </li>
      <li id="menu-item-11" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11">
        <a href="#">Contact</a>
      </li>
    </ul>
  </div>
</nav>

为什么li：active或a：active not working

0 个答案: