Html 如何强制span在CSS中使用父字体族

当HTML

span

有CSS

font-family

时，我不能强制它使用父

font-family

.Parent{
字体系列：tahoma！重要；
}
.孩子{
字体系列：草书，日内瓦；
}

正文

您可以使用

.parent*

选择所有子元素，然后将

字体系列

设置为

继承

。这将有效地覆盖子元素字体，并强制所有子元素继承最近父元素字体的值

.parent{
字体系列：tahoma；
}
.孩子{
字体系列：草书，日内瓦；
}
.家长*{
字体家族：继承；
}

正文

CSS优先级如下所示：

此元素的规则标记为！重要的

根据应用于此元素的规则的ID标记、类等的数量从高到低的规则评分

浏览器的默认用户代理样式

对于默认情况下继承的规则，如

font-family

（但不是其他规则，如

background color

），父项的当前值

您的子节点得到的不是该列表中的编号1.，而是4.该

！重要信息

标志是确保父级设置了该字体，但该重要性不会传递给子级。您可以设置

font-family:inherit！重要信息

如果您确实希望每个元素都采用其父字体

---

不过，建议你：只使用

！重要信息

在极端情况下。通常，您可以以一种更温和的方式提升另一个CSS规则的优先级。

删除！来自父母的重要信息，你确定吗？我的意思是，如果我们用相同的选择器在CSS中重新定义属性，它就不会被最新的值覆盖。但关于使用另一个选择器（如“parent*”）重新定义属性，当我们有直接类选择器“.child”示例时，它会生效吗？该示例应适用于未安装tahoma的系统，并显示父类内部和外部的子类之间的差异：请注意，此修复程序不适用于通过“样式”属性直接设置字体的元素，至少不适用于我的浏览器（Chrome 54.0.2840.59）<代码>！重要信息将允许覆盖内联样式：