왜 페이지가로드 될 때 두 가지 색상이 나옵니까? 요소 검사기에서 Computed and Styles 탭을 살펴 보았지만 각각에 대해 동일한 값을 표시합니다.HTML + CSS 렌더링 된 색상
이미지 :
첫 번째 스타일은 제목, 그리고 "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;
}
HTML 코드가 없으면 완전히 확신 할 수 없습니다. 하지만 그 중 하나가 머리글이고 추가 CSS 속성이 있다고 가정합니다. – kinezu
일부 html을 붙여주세요. 여기에 글꼴 크기가 있습니다. 단지 글꼴 크기를 동일하게 만들고 결과를 붙여 넣어보십시오. –
추가 스타일이 필요합니다. 어쩌면 더 많은 링크를 읽을 수 있으며 Lorem ipsum은 h1, h2 .. 요소입니까? 추가 스타일이 있는지 확인하려면 방화범 입력을 확인하십시오. 도움이 될 것입니다. –