Google 当我 select 所有 h1、h2、h3 时字体不工作

Question

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

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

但这不起作用。我 triple-checked，我在文件中的任何地方都没有其他 font-family 规则，因此它不会被我或任何其他链接文件覆盖。当我将它直接应用于其他一些规则集时，它 确实 起作用：

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;
}

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

Answer 1

您需要用逗号分隔您的 h 标签，这样

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

应该是

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