2014-12-22 5 views
0

왜 페이지가로드 될 때 두 가지 색상이 나옵니까? 요소 검사기에서 Computed and Styles 탭을 살펴 보았지만 각각에 대해 동일한 값을 표시합니다.HTML + CSS 렌더링 된 색상

이미지 : enter image description here enter image description here enter image description here

첫 번째 스타일은 제목, 그리고 "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; 
} 
+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