2014-12-22 140 views
0

我不知道为什么当页面加载时我得到两种不同的颜色。我查看元素检查器中的“计算”和“样式”选项卡,但这会为每个选项显示相同的值。HTML + CSS渲染的颜色

图片: enter image description here enter image description here enter image description here

第一个样式是标题,另一个为“Seguir Leyendo”,一个“更多”链接,都对所有的顶部,没有阿尔法和没什么可以给出不同的音调

任何线索,为什么这可能happend?

地址:

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

没有HTML代码,我不能完全肯定。但我认为其中一个是头文件,并具有额外的CSS属性。 – kinezu

+0

请贴一些html ..只有不同我得到这里是字体大小..只是尝试通过使两个字体大小相同并粘贴结果.. –

+0

它必须是一些额外的样式。也许阅读更多是一个链接,并且Lorem ipsum是一个h1,h2 ..元素? 检查萤火虫的任何其他样式。它应该有所帮助。 –

回答

1

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

CSS:

.blog_entry_title a{ font-weight: normal } 
+0

思想就是这样的。我们也有一个h1的标题,它与之前的链接颜色相同,所以我看到它的字体重量也正常,只是需要h2也有。谢谢 – Cheshire