Chrome에서 동적 콘텐츠가 무시되었습니다.

Question

내 CSS에 문제가 있습니다. 문제없이 최신 FF와 IE 모두에서 테스트했지만 Chrome이 올바르게 렌더링하지 않습니다.

나는 내가

Tag > * { 
    display:block; 
} 

는 IE와 FF 모두에서 잘 작동하지만 크롬하지를 사용 블록으로 태그의 모든 차일 요소를 표시합니다. 콘솔을 사용하여 강제로 시도하고 display : block을 넣었지만 실패했습니다. 크롬이 표시를 무시하는 것처럼 보입니다 : 블록?

편집 :

이

CurrentWeather > * { 
    display:block; 
} 

body { 
    text-align:center; 
    } 


div#result{ 
    text-align:left; 
    margin: 0 auto; 
    width:50%; 
} 

EDIT2 :

나는 그것이 내가 추가 harcode 때와 아약스 문제가 생각이 잘 작동을 HTML 태그는 사용자 정의 태그를 실제로 CurrentWeather

완전한 CSS입니다 . 크롬이 동적 콘텐츠에 CSS를 적용하지 않습니까?

감사

Answer 1

선택기 tag > *는 태그의 모든 어린이 만 immedate 어린이를 대상으로하지 않습니다.

모두 어린이를 타겟팅하려는 경우 tag *을 사용합니다.

크롬에는 display:block을 무시하는 것과 같은 심각한 버그가 없으므로 사례에 특정한 것이 있어야합니다.

그것은 코드를 보지 않고 정확히 말해 어렵지만, 몇 가지 가능한 이유 :

• 태그는 인라인 태그입니다, 당신은 HTML5의 문서 타입을 사용하고 있지 않습니다.

• 마크 업이 깨 졌으므로 하위 요소가 사용자가 생각하는 요소가 아닙니다. (브라우저 사이에 특히 서로 다른 동작은 깨진 마크 업 일반적입니다.)

Answer 2

나를 위해 잘 작동 : http://jsfiddle.net/DigitalBiscuits/nkymw/1/

가 크롬은 CSS 처리를 중지하는 원인을 어딘가에 CSS에 오류가있을 수 있습니다. ; 또는 } 크롬이 누락 된 경우이 문제는 마음에 들지 않습니다.

당신은 우리에게 모든 코드를 표시하거나 다른`Tag` 무엇 코드 http://jigsaw.w3.org/css-validator/