字体的css样式设置无法正常工作

我在导航栏中添加了令人敬畏的字体图标，并用css对其进行了样式设置。所有的功能都很好，除了在下拉列表的链接上——点击后——它会显示两个图标，而不是只有一个see屏幕截图。一个放置正确，另一个显示在“链接”一词下方和下拉菜单上方

以下是html代码：

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  <ul class="nav navbar-nav navbar-right">
    <li class="active"><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
      <ul class="dropdown-menu" role="menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li class="divider"></li>
        <li><a href="#">Separated link</a></li>
        <li class="divider"></li>
        <li><a href="#">One more separated link</a></li>
      </ul>
    </li>
  </ul>

如果有人能告诉我如何去掉下拉菜单下的图标=白色十字，我将不胜感激

---

提前感谢您的帮助。

问题是您的CSS应用的方式比您希望的要多。嵌入的UL也会触发CSS规则。你可能会有更多的白色十字出现，但你看不到它们，因为你的背景是白色的。你应该将一个类应用于你想要有白色十字的链接，然后只将css规则应用于该类

我认为您看到了额外的+图标，因为您的css选择器不正确。实际上，你可能会得到5个额外的+图标，每个图标1个

问题出现在bootply中css的第52行

.cross a:before, .cross:hover > a:before { 

应该是

.cross > a:before, .cross:hover > a:before { 

---

谢谢你的建议。我想我正确地实现了你的想法，并修改了我的代码，如下所示：在li的代码中添加一个额外的类。然而，结果是一样的。附加图标出现在下拉菜单的“单击不悬停”上。也许你有另一个想法？请你在上创建一个示例，或者这是我第一次使用bootply，所以我希望我的方法是正确的：

.cross > a:before, .cross:hover > a:before {