css - 标题的 CSS font-family 继承

Question

如果我想使用正文中使用的字体系列作为标题，我可以简单地使用继承属性，但是如果我想使用与正文中使用的字体系列不同的字体系列作为标题怎么办？

例如，我可以使它像：

h1 { font-family:'Noto Sans', sans-serif; }
h2 { font-family:'Noto Sans', sans-serif; }
h3 { font-family:'Noto Sans', sans-serif; }
h4 { font-family:'Noto Sans', sans-serif; }
h5 { font-family:'Noto Sans', sans-serif; }
h6 { font-family:'Noto Sans', sans-serif; }

但我想知道标题标签的父子层次结构（如果有的话），看看我是否可以这样做并避免重复。

h1 { font-family:'Noto Sans', sans-serif; }
h2 { font-family:inherit; }
h3 { font-family:inherit; }
h4 { font-family:inherit; }
h5 { font-family:inherit; }
h6 { font-family:inherit; }

Answer 1

不幸的是，所有标题标签都是单独的元素，不遵循您列出的任何类型的继承规则。

您可以做的是尝试font-family一次设置所有设置，就像使用逗号分隔的列表一样。

h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans', sans-serif;
}