2014-12-22 137 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