html - 文本没有采用我在 css 文件中指定的字体样式

Question

这一直以无衬线字体打开。它在我输入的任何其他地方都有效，除了这里。 www.myrecruitdesk.com 是网站。

求助! :)

这是 HTML:

<p class="caption tp-caption sft large_bold_white">Recruitment Services</p>

CSS:

.tp-banner .tp-caption{
font-family:"Cinzel", sans-serif;
}


.tp-banner .tp-caption.large_bold_white{
font-size:50px;
line-height:60px;
text-transform:uppercase;
}

Answer 1

.tp-banner .tp-caption{
    font-family:"Cinzel", sans-serif;
}

此选择器(“.tp-banner .tp-caption”部分)意味着此特定规则只会影响具有 tp-caption 类的元素，该元素是具有 tp-banner 类的元素的后代.

我查看了您的网站并找到了有问题的元素(以默认 sans-serif 字体显示的“招聘服务”文本)，尽管该元素的类别为“tp-caption”它不是类“tp-banner”元素的后代。因此，该规则在那里无效。

如果您只是将“.tp-banner .tp-caption”选择器更改为“.tp-caption”，您可能会得到想要的结果。