将鼠标悬停在子菜单上时的父级悬停状态

将鼠标悬停在子菜单链接上时，如何将三角形悬停状态包含在父链接中？ http://website-test-lab.com/sites/tcf/locals/将鼠标悬停在子菜单上时的父级悬停状态

目前，css三角出现在悬停和当前页面上。如果您访问上面的链接并将鼠标悬停在ABOUT链接上，然后将鼠标悬停在子菜单上，您会看到三角形消失。我想留下来。

这里是我的CSS：

.nav ul li a:hover:after, 
.nav .current-menu-item:after, 
.nav .current_page_parent:after { 
    content: ""; 
    position: absolute; 
    bottom: 0px; 
    left: 28px; 
    margin: 0 auto; 
    display: block; 
    width: 0px; 
    height: 0px; 
    border-style: solid; 
    border-width: 0 31px 10px 15px; 
    border-color: transparent transparent $pink transparent; 
}

在此先感谢

来源

2014-01-17 Huw Rowlands

您可能需要改变，实际上触发:hover状态的元素，你有就可以了<a>标签更改为<li>。

你有这样的选择：

.nav ul li a:hover:after

将其更改为：

.nav ul li:hover > a:after

来源

2014-01-17 13:21:01 DaniP

谢谢，但遗憾的是没有工作。 –

@HuwRowlands使用开发人员工具直接在页面上进行更改......如果您可以在http://jsfiddle.net中复制该问题，那么我可以告诉您 – DaniP

http://jsfiddle.net/huwrowlands/2sQbn/ 2/< - 我已经在JSFiddle上工作了，谢谢。 –

将鼠标悬停在子菜单上时的父级悬停状态

回答

相关问题