Question

我知道这是一个初学者问题，但我每次尝试都失败了。当我将光标指向它时，我试图使我的子菜单项发光（使用悬停），但我无法做到。

这是我的CSS代码：

 /* submenu */

.main-menu li ul {
  margin-top: 0;
  left: 0;
}
.main-menu ul {
  display: none;
  position: absolute;
  top: 101%;
  padding: 0;
  z-index: 1000;
  background: #333;
  padding: 0.4em 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 155px;
  list-style: none;
}

.main-menu ul li {
  float: none;
  position: relative;
  width: auto;
  text-align: left;
  padding: 4px 10px;
  margin-top: -1px;

}

.main-menu ul li a {
    line-height: 23px;
    padding: 10px;
}

.main-menu ul ul {
  position: absolute;
  left: 100%;
  top: 0%;
}

 .main-menu li:hover > ul {
  display: block;
  color: #eee;
}

Answer 1

查看w3学校关于悬停状态的文档：

http://www.w3schools.com/cssref/sel_hover.asp

来自文档：

定义和用法：hover选择器用于选择元素当你把鼠标放在它们上面。提示：可以使用：悬停选择器所有元素，不仅仅是链接。提示：使用：link选择器样式链接到未访问的页面，：访问选择器到样式链接访问页面，以及：主动选择器来设置活动链接的样式注意::悬停必须在：链接和：访问（如果它们存在）在CSS定义中，为了有效！

当光标在其上时，将鼠标悬停在子菜单项上

1 个答案: