0

我有一个小问题，我在这个页面上包含了子菜单：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;
}
4

1 回答 1

0

您的名为“selected”的类被放置在 div > a href 上。你需要那个类来代替 ul > li> a href。这是您的 .aspx 中的问题，而不是真正的 css 中的问题。

如果您修复了 html，则需要更改此行：

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

那时，您可能可以只使用 .selected 来代替。

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

于 2012-08-06T22:09:02.583 回答