1

这是我在 Wordpress 中放入 style.css 的代码：

h3.list {
    color: #FFFFFF;
    font: bold 15pt Arial,sans-serif;
    letter-spacing: -1px;
    margin: 10px 10px 0;
    padding-bottom: 8px;
}

这是我无法找到和删除的：

h1, h2, h3, h4, h5, h6, ul#top-menu a {
    font-family: 'Arvo',Arial,sans-serif !important;
}

请帮助我找到导致此问题的文件。谢谢你。

4

4 回答 4

6

在 Chrome 中打开您的网站并查看开发工具（扳手 > 工具 > 开发人员工具）

转到资源选项卡并搜索该字符串h1, h2, h3, h4，您将在网站上使用的文件中找到它的所有实例。

如果您知道它适用的元素（任何h1都可以），您可以在“元素”选项卡中看到所有应用的样式，它会告诉您定义该样式的文件名和行号。

正如我所怀疑的，它位于索引页面的 HTML 中。

在此处输入图像描述

于 2012-07-06T16:19:03.323 回答
2

实际上只需添加!important，您的 css 规则将被优先考虑并被应用

font: bold 15pt Arial,sans-serif !important;
于 2012-07-06T18:01:10.280 回答
1

优雅的主题通常有一个用于排版的主题选项面板。您可能可以在其中进行更改，而不是在 CSS 中进行更改。正如其他人所指出的，Firebug 是发现声明来源的好工具。

于 2012-07-07T02:32:06.523 回答
0

我基于以下演示：http ://elegantthemes.com/preview/eList/

如果您查看第 43 行，您会注意到以下内容：

<style type='text/css'>h1,h2,h3,h4,h5,h6,ul#top-menu a { font-family: 'Arvo', Arial, sans-serif !important;  }</style>

这就是应用字体的原因。看到它直接在该<head>部分中并且也已!important应用，您最好的选择就是将其删除或注释掉。然后，您可以随意应用自己的字体。

于 2012-07-06T18:15:36.710 回答