CSS исключить тег из * селектора

Question

Я работаю над небольшой таблицей стилей CSS. Я хочу изменить стиль всего текстового содержимого на шрифт Roboto. Я написал этот код ниже: * {font-family: Roboto! Важный;}

Теперь Как выбрать все, кроме значка (я хочу исключить тег icons (i) из моего селектора, некоторые используют FontAwesome некоторые используют другие шрифты значков)

Так что же я могу добавить в селектор *, чтобы выделить все, кроме значков?

Answer 1

Поместите отрицание для классов, к которым вы не хотите применять стиль:

Например:

*:not(.fa) {
    font-family: Roboto !important;
}

Обычно значки находятся в элементах "i", вы можете также выполните следующие действия, чтобы повлиять на любые значки:

*:not(i) {
    font-family: Roboto !important;
}

Но использование элементов "i" не обязательно, и могут быть значки, которые не являются тегами "i", а также обычный текст как " я "теги (хотя это очень необычно)

Кроме того, примите во внимание, что использование"! важный "не является хорошей практикой, особенно с таким правилом, как правило