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

#scroll-nav .links li:hover ul {
max-height: 1000px;
text-decoration: underline;
}

Answer 2

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

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

如果活动下拉链接，文本下划线

2 个答案: