Question

这是主要代码，

<div id="text-12" class="widget widget_text">
    <div class="heading">
        <h3>
            title
        </h3>
    </div>
    <div class="textwidget">
        text
    </div>
</div>

我添加了这个CSS规则，

#text-12 {
    font-family: "courier new" !important;
    direction: rtl;
}

很遗憾， font-family 仅适用于 textwidget 类，我无法将 font-family 应用于标题< / strong>有任何技巧的课程。有什么问题？

更重要的是，页面地址：http://sciself.com/?page_id=4766（右侧边栏）

Answer 1

也许你稍后会在你的css文件中覆盖H3的字体系列？

编辑：我很确定，因为一切似乎都很好。

<div id="text-12" class="widget widget_text">
<div class="heading">
     <h3>
        Heading
    </h3>

</div>
<div class="textwidget">Textwidget</div>

注意，我已将文字更改为更容易阅读（对我而言）

Jsfiddle example

我检查了你的页面。您可以使用某些更具体的规则来覆盖父CSS文件。例如，

#sidebar #text-12 .heading h3 {
    font-family: "courier new" !important;
}

Answer 2

尝试将此添加到您的css中

#text-12 {
font-family: "courier new" !important;
direction: rtl;
}

#text-12 h3 {
font-family: "courier new" !important;
direction: rtl;
}

Answer 3

尝试放

.heading h3{
    font-family: "courier new" !important;
}

它应该工作。

Answer 4

也许它看起来与你不同，因为默认情况下h3是粗体。尝试更改字体粗细设置，看看是否符合您的要求。

 #text-12 h3 {
 font-family: "courier new";
 font-weight: normal;
 direction: rtl;
}

你不应该使用！important - 因为这通常是不好的做法。

我的CSS规则部分有效。你能帮助我吗？

4 个答案: