如何使用 CSS 在跨度中选择类

Question

我不想显示移动菜单的图标。但我不确定如何选择这个类。它位于菜单中。

 <a class="funiter-menu-item-title" title="Nieuw">Nieuw<span class="icon fa fa-chevron-down"></span></a>

我想选择此图标，但不在移动版本上显示它。有谁知道解决方案？

<span class="icon fa fa-chevron-down"></span>

Answer 1

如果我

理解正确：

a.funiter-menu-item-title > span.icon.fa.fa-chevron-down {
    display: none;
}

或者，如果您有权访问 html 代码，请将自定义类添加到要隐藏的元素，如下例所示：

<a class="funiter-menu-item-title" title="Nieuw">Nieuw<span class="elementToHide icon fa fa-chevron-down"></span></a>
a.funiter-menu-item-title > span.elementToHide {
    display: none;
}