CSS 从 * 选择器中排除标签

Question

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?

Answer 1

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.