如何在悬停时更改父

的样式

我有一个 WordPress 网站（在我的本地主机上），它使用<ul>用于自定义菜单。我怎样才能改变CSS<li>悬停时only如果它有一个<ul>子菜单？

所有主菜单项都有一个边框半径，我想在当前项目（下面的服务）上删除它，例如：

    <div class="main-nav">
      <ul class="menu" id="menu-main-nav">
        <li><a href="#">Home</a></li>
        <li><a href="#">Services</a>
          <ul class="sub-menu">
            <li><a href="#">Item One</a></li>
            <li><a href="#>Item Two</a></li>
          </ul>
        </li>
        <li><a href="#>Contact</a></li>
      </ul>
    </div>

我找不到 CSS 解决方案，我也尝试过 jQuery：

    $('ul.sub-menu').parent().hover(function(){
    $(this).addClass('no-radius');
}); 

$('.menu li').has('ul').hover(function() {
    $(this).addClass('hover');
}, function() {
    $(this).removeClass('hover');
});