我正在使用WordPress和Elementor构建一个大型菜单。
x1c 0d1x的数据
正如你可以看到所附的屏幕截图，我想改变标题边框左下角和右半径为0，当我悬停在我的菜单上的项目谁有子项目。
下面你会发现当前代码的简化建模（在我使用CMS时，每个元素之间有更多的div）。

<section class="header">
   <div class="logo">...</div>
   <div class="menu">...</div>
      <ul>
         <li class="menu-item">Item 1</li>
         <li class="menu-item">Item 2</li>
         <li class="menu-item">Item 3</li>
         <li class="menu-item has-children">Item 4</li>
            <ul>
                <li>
                    <div>Content of my submenu</div>
                </li>
            </ul>
      <ul>
   <div class="buttons">...</div>
</section>

字符串
我想要的是：当我悬停<li>与类“has-children”来改变父<section>与类“header”的样式时，为了修改他的边界半径左下和右下。
我很乐意任何想法来帮助我用纯CSS或一点JS来做。
提前感谢！