Question

如何删除没有子菜单的主菜单项上的CSS三角形？

请参阅http://v2.letsfaceitbeauty.ca

我认为这是相关的CSS代码，我相信“.has-sub”是正确的选择器，但我无法弄清楚如何。

#cssmenu > ul > li:hover:after { /* this is the arrow */
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 50%;
bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #6796ff;
margin-left: -10px;
}

Answer 1

如果您知道制作三角形的css和想要三角形的元素，只需将这两个部分放在一起，即用

替换上一个规则

#cssmenu > ul > li.has-sub:hover:after { /* this is the arrow */
   content: '';
   display: block;
   width: 0;
   height: 0;
   position: absolute;
   left: 50%;
   bottom: 0;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   border-bottom: 10px solid #6796ff;
   margin-left: -10px;
}

如何删除CSS三角形？

1 个答案: