Html 并非一个类中的所有样式都适用

任何人都知道为什么

title\u服务

类中的样式适用于所有样式，而

title\u服务2

类中的样式仅适用于

行高和字体重量；字母间距

？当我在Chrome中使用开发者工具并选择

h4.title\u services

时，它会列出所有样式，但当我选择

h4.title\u services2

时，它只显示这三种样式。以下是CSS（

h4

和

h4.title\u服务

正常工作，

h4.title\u服务2

不正常）

HTML格式如下：

<article class="grid_3">
    <div class="indent-left">
    <img style="display: block; margin: 0 auto;" src="../images/services_kid.png" />
        <h4 class="title_services">First headline</h4>
    <div id="button2"><a class="button2" href="#">BUTTON</a></div>
    </div>
</article>
<article class="grid_3">
    <div class="indent-left">
    <img style="display: block; margin: 0 auto;" src="../images/services_kid2.png" />
        <h4 class="title_services2">Second headline</h4>
    <div id="button2"><a class="button2" href="#">CENÍK</a></div>
    </div>
</article>

---

它似乎工作得很好

附言：我换了颜色P

---

你有没有截图或是一些不起作用的东西。我还不完全清楚……您有

按钮2

作为ID和类。第一期。但我怀疑这能解决你的问题。您的主题问题没有出现在我的计算机上。你尝试过各种浏览器吗？好吧，这很奇怪，我尝试过像你一样单独使用代码，效果也很好。因此，在其他css类中肯定存在一个问题，它无法正常工作。我会更深入地看一看。顺便说一句，关于button2的ID和类，这是故意的，因为我需要使用div只是因为定位。但是谢谢你，如果我弄明白了，我会告诉你的。

<article class="grid_3">
    <div class="indent-left">
    <img style="display: block; margin: 0 auto;" src="../images/services_kid.png" />
        <h4 class="title_services">First headline</h4>
    <div id="button2"><a class="button2" href="#">BUTTON</a></div>
    </div>
</article>
<article class="grid_3">
    <div class="indent-left">
    <img style="display: block; margin: 0 auto;" src="../images/services_kid2.png" />
        <h4 class="title_services2">Second headline</h4>
    <div id="button2"><a class="button2" href="#">CENÍK</a></div>
    </div>
</article>

h4 {
    font-size:28px; 
    line-height:2em; 
    color:orange;
    font-weight:normal;
    letter-spacing:-1px;
}

h4.title_services {
        font-size:28px; 
        margin-top:15px;
        margin-bottom:15px;
        text-align:center;
        line-height:1em; 
        color:brown;
        font-weight:normal;
        letter-spacing:-1px;
}

h4.title_services2 {
        font-size:28px; 
        margin-top:25px;
        margin-bottom:15px;
        text-align:center;
        line-height:1em; 
        color:red;/*#fff;*/
        font-weight:normal;
        letter-spacing:-1px;
}