html - CSS 从 * 选择器中排除标签

Question

我正在制作一个小型 CSS 样式表。我想将所有文本内容重新设置为 Roboto 字体。我在下面写了这段代码:*{font-family:Roboto !important;}

现在如何选择图标以外的所有内容(我想从我的选择器中排除图标 (i) 标签，有些使用 FontAwesome，有些使用其他图标字体)

那么我可以添加一些东西到 * 选择器来选择图标旁边的所有内容吗？

Answer 1

对您不想应用样式的类进行否定:

例如:

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

通常图标在“i”元素中，您也可以执行以下操作来影响任何图标:

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

但是使用“i”元素并不是强制性的，并且可能有图标不是“i”标签，也可能有普通文本作为“i”标签(尽管这很不寻常)

此外，请注意使用“!important”并不是一个好习惯，尤其是对于如此通用的规则。