Question

出于某种原因，在我的HTML中使用pull-left和pull-right类可以防止：hover和ng-click工作。我想将左拉类添加到＃mobile-nav #logo，将右拉类添加到＃mobile-nav p，这样它们就会保持在同一行并保持在移动导航菜单的左侧和右侧，分别与菜单的宽度无关。但是当我添加pull-left或pull-right类时，：hover伪类停止在#logo上工作，＃logo和p都失去了ng-click功能。我不能为我的生活思考为什么（当我移除左拉和右拉时，同样的事情发生，添加浮动：左和浮动：相反）。

这是我的HTML：

import lxml from etree

这是我的CSS：

<div id="mobile-nav" ng-if="$ctrl.mobileNav">
  <div id="logo">
    <a ng-click="$ctrl.mobileNav = false;" href="#welcome"><h1>A N S A R O</h1></a>
  </div>

  <p ng-click="$ctrl.mobileNav = false;">X</p>

  <ul class="-mobile-nav-menu">
    <li><a ng-click="$ctrl.mobileNav = false;" href="#about" du-smooth-scroll>About</a></li>

    <li><a ng-click="$ctrl.mobileNav = false;" href="#" du-smooth-scroll>Blog</a></li>

    <li><a ng-click="$ctrl.mobileNav = false;" href="#team" du-smooth-scroll>Team</a></li>

    <li><a ng-click="$ctrl.mobileNav = false;" href="#jobs" du-smooth-scroll>Jobs</a></li>

    <li><a ng-click="$ctrl.mobileNav = false;" href="#contact" du-smooth-scroll>Contact</a></li>          
  </ul>
</div>

任何想法/修复都将不胜感激！

：悬停不使用右拉或左拉类

0 个答案: