CSS exclude a tag from * selector

user_7223184 0
Viewed 446

I'm working on a small CSS style sheet. I want to restyle all the Text content to a Roboto font. I wrote this code below : *{font-family:Roboto !important;}

Now How to select everything aside from the icon( I want to exclude the icons (i) tag from my selector, some do useFontAwesome some use other icon fonts)

So is there something that I can add to the * selector to select everything aside fro the icons?

css html
1 Answers

Put a negation for the classes that you don't want to apply the style:

For example:

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

Usually the icons are in "i" elements, you could do the following as well to affect any icons:

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

But using "i" elements is not mandatory, and there could be icons that are not as "i" tags, as well as normal text as "i" tags (although this is very unusual)

Also, take into account that using "!important" is not a good practice, especially with a rule so generic.

user_39055330
Related