CSS의 기이 : 일부 속성이 해석되지

Question

문제는 내 웹 사이트 http://dev.gratefulhearttherapy.org/에, 예상대로 최소 2 개 CSS 속성이 표시되지 않는 것입니다 :

html { 
    background: #fff url('images/bg-top-honey-v3.0.jpg') top center repeat-x !important; 
} 

#bd img { 
    margin: 0; 
    padding: 4px; 
    border: solid 1px #D9D9D9; 
} 

한 배경 이미지가 누락 및 사진이 없습니다 회색 테두리가 있어야합니다.

어제 밤에 내 코드에서 3 일 덤비는되었습니다

1. CSS 파일의 타이포그래피 - new2.css ,
2. 파일 요소 meta.php는 PHP, header.php, footer.php, 및
3. Google Analytics 코드입니다.

나는 무엇인가를 깨뜨렸을 것이지만 나는 무엇을 발견 할 수 없다. 웹 사이트와 CSS를 W3C 유효성 검사기를 통해 전달하려고 시도했지만 크롬 속성 검사기로 코드를 조사하고 닫히지 않은 태그 등을 찾고 아무 것도 찾지 못했습니다.

크롬 관리자를 사용하면 html 요소와 img를 살펴볼 때 누락 된 CSS가 없어지는 것처럼 보입니다.

도움이 될 것입니다. 많은 감사와.

Answer 1

이슈는 스타일 시트에 있습니다 타이포그래피 - new2.css 표시되지

배경 : 맨 당신이 html 전에 img 주석 만에 의해 분리 참조한에서

. 그래서 html 규칙은 실제로 img html {으로 해석되고있다 : 당신이 옳다 규칙 #bd img 전에 닫기 주석 /의 *의 외부의 전체 라인을 가지고

:

img /* REMOVE THIS LINE*/ 

/* @import url('http://dev.gratefulhearttherapy.org/themes/gratefulheart/tabs.css'); */ 
/* All CSS files above will be loaded from this single document. */ 

html { 
    margin: 0; 
    padding: 0; 
    /* background: #fff; #f9dc91 url(http://dev.gratefulhearttherapy.org/themes/gratefulheart/images/background-sandish-tile.jpg) !important; */ /* #F9D984; */ /* customize_background_color */ 
    background: #fff url('http://dev.gratefulhearttherapy.org/themes/gratefulheart/images/bg-top-honey-v3.0.jpg') top center repeat-x !important; 
} 

사진 회색 테두리가없는 아마 규칙이 적용되지 않는 이유.

/******************************** 
********************************* 
*  $$ GENERAL TYPES 
********************************/ 
******************************** /* REMOVE THIS LINE */ 

#bd img { 
    margin: 0; 
    padding: 4px; 
    border: solid 1px #D9D9D9; 
} 

두 줄을 제거하면 모든 문제를 해결해야한다고 생각합니다.

Answer 2

이미지가 #bd의 직접적인 자손이 아니므로 CSS 코드가 문제가되지 않습니다. 다른 문제에 대해서는 @ 150poundsof도 나미 응답을 참조하십시오.

여전히 원하는 결과를 얻지 못하면 html을 본문으로 변경해보십시오.