html - 一个header的字体不会变，其他的会变，怎么办？

Question

我正在创建一个网站并尝试将字体更改为 Russo One。我以前做过很多次，但不能用于这个文本元素。我在元素中使用了 CSS 定位等，它们工作正常。

HTML 是:

<div class="seen">
<h1>As Seen On</h1>
</div>

CSS 是:

.seen {
    color: #000000;
    font-family: 'Russo One', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    text-align: center;
    position: relative;
    top: 40px;
    right: 20px;
}

您可以在以下位置查看 GitHub 存储库:https://github.com/t0091/bootstrap

Answer 1

h1 的 Bootstrap CSS 当前优先。

将其用作您的 CSS 目标将解决此问题:

.seen > h1