css - 如何删除 CSS 三角形？

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;
}