1

嗨，我在我的导航菜单 CSS 中添加了这个。它会在我的菜单底部添加一个三角形效果。问题是，它也将它添加到子菜单中..

.nav-menu li a:hover:after {
content: "";
display: block;
border: 10px solid #000;
border-bottom-color: #48c5f2;
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -12px;
}

如何删除子菜单中的三角形效果？我猜我应该放这样的东西？

.nav-menu li li a:hover:after { SOME CODES I DONT KNOW SO IT WILL REMOVE THE TRIANGLE; }
4

1 回答 1

1

如果要覆盖它，请使用：

.nav-menu li li a:hover:after {
    content:none;
}

如果那是正确的选择器，它将工作假设它更具体，并且它被放置在初始声明之后..

或者，如果您不喜欢这种方法，您可以通过在初始声明中使用子选择器来阻止它应用于子代：>

.nav-menu > li a:hover:after {}

基本上，这是将初始样式应用于li作为.nav-menu. 因此，子元素 ( .nav-menu li li) 不会收到样式，因此不必重置。

除此之外，还总是有:not选择器。

于 2013-11-11T00:21:08.870 回答