HTML + CSS 渲染颜色

Question

我不知道为什么我在加载页面时会看到两种不同的颜色。我在元素检查器中查看了 Computed 和 Styles 选项卡，但这显示了每个选项卡的相同值。

图片:

第一种样式用于标题，另一种样式用于“Seguir Leyendo”，一个“阅读更多”链接，最重要的是，没有字母，也没有任何东西可以提供不同的音调。

知道为什么会发生这种情况吗？

添加:

HTML:

<div class="blog_entry">
    <div class="blog_entry_image">
        <a href="home-blog-detail-one.html"><img src="img/blog_imagen_1.png" class="blog_image_home"alt="Blog entry 1"></a>
    </div>
    <div class="blog_entry_desc">
    <h2 class="blog_entry_title"><a href="home-blog-detail-one.html">Lorem ipsum dolor sit amet, consectetur 
                        adipiscing lit. Phaiop ellus ut diam nibh consectetur adpiscing</a></h2>
    </div>
    <div class="blog_entry_date">
        28 Diciembre 2014
    </div>
    <div class="blog_entry_text">
        <p>Nulla arcu quam, tempor a mattis sit amet, efficitur eget ante. Integer elit 
                        libero, rutrum eu augue ut, faucibus dictum nibh. Suspendisse vitae ex sit amet 
                        tellus molestie interdum...</p>
    </div>
    <div class="blog_entry_options">
        <img src="img/blog_facebook.png" alt="Facebook">
        <img src="img/blog_twitter.png" alt="Twitter">
        <a href="home-blog-detail-one.html">Seguir leyendo  <img src="img/arrow_read_more.png" alt="Seguir leyendo"></a>
    </div>
    <div class="clearfix"></div>
</div>

CSS:

.blog_entry_title {
    font-size: 24px;
}
.blog_entry_title a, .blog_title_detail {
    color: #008ed6;
    text-decoration: none;
    font-family: HelveticaNeueThin;
}
.blog_entry_options {
    position: absolute;
    bottom: 0;
    right: 0;
}
.blog_entry_options a {
    color: #008ed6;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 17px;
}

Answer 1

通过更新/重置 font-weight 你可以看到魔法:

CSS:

.blog_entry_title a{ font-weight: normal }