글꼴 크기가 다른 스타일보다 우선 함

Question

그리드 시스템에서 공백을 없애기 위해 font-size:0; 해킹을 사용하려고합니다.

본문 글꼴 크기를 0으로 설정 한 다음 내 텍스트의 크기를 다른 위치로 지정했습니다.

그러나 font-size : 0; 무시하고 내 텍스트를 볼 수 없습니까? ems가 부모를 기준으로 상대 수 있기 때문에

JS Fiddle

난 그냥 실현

div{font-size:0;} 
h1{font-size:1.5em;} 

Answer 1

, 그것은이다. 따라서 텍스트에 px 값을 지정하는 경우에만 작동합니다.

Answer 2

em 값은 상위 요소의 글꼴 크기를 기준으로 정의됩니다. 따라서 1.5em;의 계산 된 값은 0입니다.

use a root-em rem 또는 fixed length value as px 중 하나 일 수 있습니다.

15.7 Font size: the 'font-size' property

'em'과 'ex'길이 값이 현재 요소의 계산 된 폰트 크기를 참조. 'font-size'속성에서이 길이 단위는 을 부모 요소의 계산 된 글꼴 크기로 나타냅니다.

Answer 3

em 값은 상위 요소의 글꼴 크기와 관련이 있습니다. div 요소 font-size:0 이후 h1 요소의 상대 값은 0입니다. 이 경우 특정 값을 attributes에 사용해야합니다. '0 : 인스턴스

font-size: 10px;