我的CSS规则部分起作用。你可以帮我吗？

这是主要的代码，我的CSS规则部分起作用。你可以帮我吗？

<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到标题类与任何技巧。哪里不对？

还有一件事，页面地址：http://sciself.com/?page_id=4766（右侧栏）

来源

2014-02-09 Shaqpad

在Chrome中看起来很好。 – j08691

@ j08691不，不，不是的，单词“تماس”有不同的字体。请仔细看一下。 – Shaqpad

这个问题本身并没有充分描述问题：真正的问题在CSS代码中没有公开。到实时页面的链接对于问题描述*不够。 –

也许你覆盖H3的字体家庭在你的CSS文件以后呢？

编辑：我很确定，因为一切看起来都很好。

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

来源

2014-02-09 17:22:35 Berendschot

你说得对。我添加了一些代码给你的答案。看一看，谢谢。 – Shaqpad

尝试添加该到你的CSS

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

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

来源

2014-02-09 17:25:04 Jayyf9

完成，但不起作用 – Shaqpad

尽量把

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

它应该工作。

来源

2014-02-09 17:27:56

完成，不起作用。 – Shaqpad

也许它看起来不同，因为默认情况下h3是粗体。尝试改变字体重量设置，看看你是否在寻找。

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

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

来源

2014-02-09 17:41:01 quesoflorecido

我试过了。没有效果。 – Shaqpad

你有任何其他字体样式的重要吗？他们可能会重写您的标题字体。 – quesoflorecido

我的CSS规则部分起作用。你可以帮我吗？

回答

相关问题