Question

我想在菜单中激活时为菜单添加一个三角形，但是，我不知道应该应用哪个课程。

现在它仅适用于悬停。

这是我的代码，它不起作用：

#mainnav ul li.current-menu-item a:after {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #fde6ef transparent transparent;
line-height: 0px;
_border-color: #000000 #fde6ef #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

Answer 1

使用此：

div#mainnav ul a:hover:after, div#mainnav ul li.current-menu-item a:after {
    content:"";
    position: absolute;
    right: 0;
    margin-top: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #fde6ef transparent transparent;
    line-height: 0px;
    _border-color: #000000 #fde6ef #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

假设current-menu-item是当前项目的类，那么您可以对项目应用与悬停时相同的影响。

要应用的特定CSS类：之后

1 个答案: