html - 如果事件下 zipper 接，文本下划线

Question

如果您将鼠标悬停在 li 上，则会出现一个下拉菜单。如果您将指针向下移至悬停时出现的 ul，我希望链接仍然带有下划线，直到您将箭头从 ul 或链接移开。这样你就知道当菜单下拉时你悬停在哪个菜单上。

知道怎么做吗？

#scroll-nav .links li {
  list-style: none;
  padding: 0;
    margin: 0;
  display: inline;
}
#scroll-nav .links li ul {
    overflow: hidden;
    max-height: 0;
    -moz-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    position:absolute; 
    top: 35px;
    left: -25px;
    padding: 0;
    padding-top: 0px;
    width: 100%;
    background: #FFF;
    z-index:-1111111111111111;
    letter-spacing: 1px !important;
}
#scroll-nav .links li ul a {
    letter-spacing: 1px !important;
}
#scroll-nav .links li:hover ul {
    max-height: 1000px;
}
#scroll-nav .links a {
    margin-right: 40px;
    color: #383838;
    letter-spacing: 2px;
}

Answer 1

遗憾的是，无法通过 CSS 根据元素悬停状态影响父元素或放置在当前元素之前的元素。您可能会考虑使用备用 HTML 结构来允许 adjacent sibling selection基于 ul 的悬停状态。

如果无法查看您当前的 HTML 结构，将很难提供进一步的帮助。您介意将您的示例发布到 http://jsfiddle.net 吗？或类似的网站？