CSS exclure une balise du sélecteur *

Question

Je travaille sur une petite feuille de style CSS. Je veux remodeler tout le contenu du texte en une police Roboto. J'ai écrit le code suivant : *{font-family:Roboto !important;}

Maintenant, comment sélectionner tout ce qui n'est pas l'icône (je veux exclure la balise (i) des icônes de mon sélecteur, certaines utilisent FontAwesome et d'autres d'autres polices d'icônes) ?

Y a-t-il quelque chose que je puisse ajouter au sélecteur * pour tout sélectionner en dehors des icônes ?

Answer 1

Mettez une négation pour les classes auxquelles vous ne voulez pas appliquer le style :

Par exemple :

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

Habituellement, les icônes se trouvent dans les éléments "i", mais vous pouvez également faire ce qui suit pour affecter toutes les icônes :

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

Mais l'utilisation d'éléments "i" n'est pas obligatoire, et il peut y avoir des icônes qui ne sont pas des balises "i", ainsi que du texte normal en tant que balises "i" (bien que cela soit très inhabituel).

De plus, tenez compte du fait que l'utilisation de "!important" n'est pas une bonne pratique, surtout avec une règle aussi générique.