Question

我有一个小问题，我在此页面上添加了子菜单：http://www.shadowopsweaponry.com/default.aspx。

在左侧有“枪械制造”类别，如果您点击该链接，则会在该链接下方弹出一个新的子菜单。

另外还有另外两个子弹'枪支涂层'和'枪械训练'，它们的行为相同，即使您在此之后点击其他主要链接，它们也会保持突出显示。当我点击一些子菜单链接时，我希望突出显示的选项而不是我之前选择的那个，我该如何实现？

修改：添加CSS。

.arrowsidemenu {
    width: 180px; /*width of menu*/
    background: #212121;
}

.menucontents div.selected a { /*header that's currently selected*/
    color: #f93;
}

.arrowsidemenu .menuheaders a { }

.arrowsidemenu div a { /*header bar links*/
    font-size: 12px;
    display: block;
    padding-left: 10px;
    padding-top: 4px;
    text-decoration: none;
}

.arrowsidemenu div a:link, .arrowsidemenu div a:visited {
    color: #fff;
}

.arrowsidemenu div a:hover { }

.arrowsidemenu div.unselected a { /*header that's currently not selected*/
    color: #fff;
}

.arrowsidemenu div.selected a { /*header that's currently selected*/
    color: #f93;
}

.arrowsidemenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: inherit;
}

.arrowsidemenu ul li {
    line-height: 8px;
    padding-left: 12px;
}

.arrowsidemenu ul li a { /*sub menu links*/
    display: block;
    font-size: 12px;
    text-decoration: none;
    color: #FFF;
    padding: 5px 0;
    padding-left: 10px;
}

.arrowsidemenu ul li a:hover { }

.active-sub-menu {
    color: #f93;
}

Answer 1

您的名为“已选中”的课程正被置于div＆gt;一个人。你需要那个班级才能登陆ul＆gt;李＆GT;一个人。这是你的.aspx中的一个问题，而不是真的在css中。

如果你修复了html，你会想要改变这一行：

.arrowsidemenu div.selected a {
  color: #FF9933;
 }

此时，您可能只需使用.selected。

使用适用于Firefox的Firebug插件，您可以更轻松地查看这些内容。如果你得到它，你可以右键单击一个项目以查看应用了哪些样式。

从css中的列表更改活动选择

1 个答案: