在Chrome中，如果jquery中有一个重复的hover（），则只有一个适用

这是我的jquery

jQuery( document ).ready(
 function($) {
      $('.ppro').hover(
        function () {
            $('#pronav ul').css("height", "25px");
        },
        function () {
            $('#pronav ul').css("height", "0px");
        }
    );

    $('.pproj').hover(
        function () {
            $('#pronav ul').css("height", "50px");
        },
        function () {
            $('#pronav ul').css("height", "0px");
        }
    );
  });

---

这个CSS代码在IE和Chrome上都很好用。

请创建一个新的CSS。我不确定你想要实现什么，但它在Chrome上对我很好用

<div class="product-menu-bar-contrain">
 <nav id="pronav">
  <ul>
   <li class = "ppro">~~~~~</li>
   <li class = "pproj">~~~~~</li>
  </ul>
 </nav>
</div>

.pproj:hover a {
    color : #f2b221;
}