html - 当我选择所有 h1、h2、h3 时，Google 字体不起作用

Question

我正在尝试通过在我的 css 顶部选择所有标题标签和 p 标签等将几个 Google 字体导入我的 HTML/CSS。例如：

h1 h2 h3 {
  font-family: 'Trade Winds', cursive;
}

但这行不通。我进行了三重检查，我在文件中的任何地方都没有其他字体系列规则，因此它不会被我或任何其他链接文件覆盖。当我将它直接应用到其他一些规则集时，它确实有效：

section {
        margin-top: 20px;
        padding: 15px;
        border-radius: 15px;
        box-shadow: 0 0 8px rgba(100, 100, 100, 0.78);
        grid-column: 2/3;
        display: grid;
        font-family: 'Trade Winds', cursive;
}

但我显然不倾向于硬编码每个相关的规则集，因为那只是多余的。我是否遗漏了 CSS 标签选择器的工作方式？

Answer 1

你需要用逗号分隔你的 h 标签，所以

h1 h2 h3 {
  font-family: 'Trade Winds', cursive;
}

应该

h1, h2, h3 {
  font-family: 'Trade Winds', cursive;
}