Html CSS从*选择器中排除标记
我正在制作一个小的CSS样式表。我想将所有文本内容重新设置为Roboto字体。 我在下面写了这段代码:{font-family:Roboto!important;} 现在,如何选择除图标之外的所有内容(我想从选择器中排除图标(I)标记,有些使用字体,有些使用其他图标字体)Html CSS从*选择器中排除标记,html,css,Html,Css,我正在制作一个小的CSS样式表。我想将所有文本内容重新设置为Roboto字体。 我在下面写了这段代码:{font-family:Roboto!important;} 现在,如何选择除图标之外的所有内容(我想从选择器中排除图标(I)标记,有些使用字体,有些使用其他图标字体) 那么,我是否可以在*选择器中添加一些东西来选择图标旁边的所有内容?对不想应用样式的类进行否定: 例如: *:not(.fa) { font-family: Roboto !important; } 通常图标位于“i”
那么,我是否可以在*选择器中添加一些东西来选择图标旁边的所有内容?对不想应用样式的类进行否定: 例如:
*:not(.fa) {
font-family: Roboto !important;
}
通常图标位于“i”元素中,您还可以执行以下操作以影响任何图标:
*:not(i) {
font-family: Roboto !important;
}
但是使用“i”元素不是强制性的,可能有图标不是“i”标记,也可能有普通文本不是“i”标记(尽管这很不寻常)
另外,要考虑到使用“!important”不是一个好的做法,尤其是在规则如此通用的情况下。只需在css文件中添加具有正确字体的图标css has
:not()
selectorbtw使用*
当然不好,但我希望不同的web应用程序/页面使用此样式表,有些应用程序/页面具有不同的图标字体,因此无法使用。没有办法排除选择器中的图标吗?您应该尝试修复更改字体的方式,而不是添加一个hack来修复hack