Question

所以我想要一个菜单，当我单击一个“菜单”时，它显示其他子主题；当我将鼠标悬停在某个子主题中时，它显示其他子主题。我几乎做了所有事情，但是现在我想让我的“菜单”可点击，而当我们单击它时，它将显示其他子主题。

让我在这里写一些东西，以便我可以发布此问题，因为堆栈溢出告诉我由于代码过多而无法发布，因此我必须添加更多详细信息。但是我想我的疑问很简单，如果我写错了请告诉我，我不需要添加更多信息。

@HasConflict

nav ul {
  box-shadow: 0px 0px 5px  whitesmoke;
  list-style-type: none;
  background-color: #ff7373;
  margin: 0;
  padding: 0;
  width:100px
  
}

nav > ul > li ul  {
  display: none;
}

nav ul > li {
  display: block;
  position: relative;
}


nav #m {
  display: block;
  padding: 10px 10px;
  text-decoration: none;
  white-space: nowrap;
  color: white;
}

nav #m:hover {
  background-color: #FB030F;
}

nav > ul li:hover > ul {
  display: block;
  position: absolute;
  top: 0;
  top: 100%;
}
ul li:hover > #n {
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
}

nav a {
  text-align: center;
}

混合单击和悬停菜单CSS

0 个答案: