删除子菜单中的三角形CSS效果_Css_Drop Down Menu_Menu

删除子菜单中的三角形CSS效果

css drop-down-menu menu

删除子菜单中的三角形CSS效果,css,drop-down-menu,menu,Css,Drop Down Menu,Menu,嗨，我在导航菜单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; } 如何删除子菜单中的三角形效果？

嗨，我在导航菜单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; }

如果要覆盖它，请使用：

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

如果这是正确的选择器，它将在假设它更具体的情况下工作，并将其放置在初始声明之后

或者，如果您不喜欢这种方法，可以使用初始声明中的：

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

基本上，这是将初始样式应用于

li

元素，该元素是

.nav menu

的直接子元素。因此，子元素（

.nav menu li

）将不接收样式，因此不必重置

除此之外，还有。