Question

我正在尝试使主菜单处于活动状态（背景颜色与子菜单背景颜色相同），因此当子菜单打开时，主菜单颜色变为活动状态，我试图使其成功但不能正常工作，任何人都可以查看我的CSS怎么了？

＆＃13;

nav {
float: left;
width: 100%;
background: #6c9d1c;
border-bottom: 5px solid #e57817;
font-family: 'MyriadPro-Regular';
}
nav > ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
text-align: center;
}
nav > ul > li {
list-style: none;
padding: 0;
margin: 0;
position: relative;
display: inline-block;
}
nav > ul > li > a {
color: #fff;
text-decoration: none;
font-size: 16px;
text-transform: uppercase;
padding: 7px 17px 3px 17px;
font-weight: 700;
display: block;
line-height: normal;
}
nav > ul > li > a:hover {
background-color: #e57817;
color: #fff;
text-decoration: none;
}
nav > ul > li > ul {
list-style: none;
padding: 0;
margin: 0;
display: none;
position: absolute;
left: 0;
top: 30px;
width: 100%;
text-align: left;
}
nav > ul > li:hover ul {
display: block;
}
/*main menu active on submenu open*/
nav > ul > li > ul > li > a:hover nav > ul > li > a:hover {
background-color: #e57817;
}
/*Submenu*/
nav > ul > li > ul > li {
padding: 0;
margin: 0;
list-style: none;
display: block;
}
nav > ul > li > ul > li > a {
display: block;
background: #e57817;
color: #fff;
font-size: 14px;
font-family: Arial;
border-bottom: 1px solid #fcb65a;
padding: 8px 20px;
}
nav > ul > li > ul > li > a:hover {
background-color: #fcb65a;
color: #fff;
text-decoration: none;
}

＆＃13;

<nav>
  <ul>
    <li><a href="corporate-training/">Main Menu</a>
      <ul>
        <li><a href="corporate-training/">Submenu one</a></li>
        <li><a href="soft-skills-training/">Sub Menu Two</a></li>
      </ul>
    </li>
  </ul>
</nav>

＆＃13;

Answer 1

您正在使用SELECT a.dlUser FROM `yourtable` a WHERE a.Active = 'No' AND a.dblUser NOT IN (SELECT dlUser FROM `yourtable` WHERE a.Active = 'Yes') GROUP BY a.dlUser;上的:hover选择器，这意味着当光标移到<a>上时，<ul>中的文字不再是<a> 。尽管如此，hovered仍然是其父<ul>的一部分：

<li>

到

nav > ul > li > a:hover {

这是一个更新的小提琴：https://jsfiddle.net/nc5yqah9/2/

子菜单打开CSS

1 个答案: