Question

此页面的顶部导航是我正在处理的内容：http://www.envisionforce.com/newsletter/

出于某种原因，当您将鼠标悬停在我需要从此页面移除的导航上时，会出现一个下拉菜单。

这是用于顶部导航的代码：

<div class="menu-main-menu-container"><ul id="main_menu" class="nav"><li id="menu-item-22" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-22"><a href="http://www.envisionforce.com">HOME</a></li>
<li id="menu-item-1966" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1966"><a href="http://www.envisionforce.com/build">SERVICES</a></li>
<li id="menu-item-2160" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2160"><a href="http://www.envisionforce.com/seo-resellers/">RESELLERS</a></li>
<li id="menu-item-2159" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2159"><a href="http://www.envisionforce.com/affiliate-program/">AFFILIATES</a></li>
<li id="menu-item-19" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19"><a href="http://www.envisionforce.com/contact-us/">CONTACT</a></li>
</ul></div>

我真的想远离编辑CSS文件本身。有没有什么办法可以通过内联CSS在上面的代码中解决这个问题？如果不可能，将非常欢迎将其固定在CSS文件中的解决方案：）

Answer 1

您需要从css中删除以下属性

.nav li a:hover {
    background: none repeat scroll 0% 0% rgb(0, 0, 0);
}

.nav li a 
{
  border-left: 1px solid rgb(22, 45, 61);
  border-right: 1px solid rgb(35, 56, 71);
}

第二个选项：

您可以在<style>标记

下的页面上写下此css

.nav li a:hover
{
  background: none;
  border: none;
}

.nav li a 
{
  border:none;
}

这将覆盖您的外部css属性，它将在悬停时删除该子菜单。

菜单下降时应该不应该？

1 个答案: