从 WordPress 主题 Highwind 中删除三角形

Question

WordPress 主题 Highwind (see demo here) 在其导航菜单中的 current-menu-item 下方显示一个小三角形。我想删除它，但我没有在 CSS 文件中找到任何合适的属性。

我对 Opera Dragonfly 进行了一些调查，发现当我从列表项中删除 CSS 类 current-menu-item 时，三角形消失了。

CSS文件的这些部分引用current-menu-item：

.main-nav ul.menu > li.current-menu-item > a {
  position: relative;
}

.main-nav ul.menu > li.current-menu-item > a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.563em;
  color: #53a1b8;
  border: 0.563em solid #53a1b8;
  border-color: transparent transparent #53a1b8 transparent;
}

.main-nav ul.menu ul li:hover > a,
.main-nav ul.menu ul li.current-menu-item > a,
.main-nav ul.menu ul li > a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  padding-left: 1.5em;
}

这些似乎都不是三角形的原因，所以我想知道a）它是如何到达那里的，b）我怎样才能在我的子主题中永久删除它？

解决方案：将此添加到您的子主题的样式表中：

.main-nav ul.menu > li.current-menu-item > a:before {
  content: none;
  border: none;
}

Answer 1

删除.main-nav ul.menu > li.current-menu-item > a:before class/css 应该会删除三角形。