Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS从*选择器中排除标记_Html_Css - Fatal编程技术网

Html CSS从*选择器中排除标记

Html CSS从*选择器中排除标记,html,css,Html,Css,我正在制作一个小的CSS样式表。我想将所有文本内容重新设置为Roboto字体。 我在下面写了这段代码:{font-family:Roboto!important;} 现在,如何选择除图标之外的所有内容(我想从选择器中排除图标(I)标记,有些使用字体,有些使用其他图标字体) 那么,我是否可以在*选择器中添加一些东西来选择图标旁边的所有内容?对不想应用样式的类进行否定: 例如: *:not(.fa) { font-family: Roboto !important; } 通常图标位于“i”

我正在制作一个小的CSS样式表。我想将所有文本内容重新设置为Roboto字体。 我在下面写了这段代码:{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