Как выбрать класс в диапазоне с 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;
}