h1 태그가 적용이 안되는 것 같은데 원인을 잘 모르겠습니다.

Question

h1 태그의 내용 글자 크기가 적용이 안되는 현상 때문에 질문드립니다.html을 새로 만들어서 h1태그를 만들었는데 문제 없이 출력 되는것을 확인했습니다.혹시 이런 현상이 왜 일어나는지 알 수 있을까 해서 질문드립니다.이해 하시는데 도움이 되실까해서 해당 페이지의 js코드를 붙였습니다.const container &#61; document.getElementById('root'); let ajax &#61; new XMLHttpRequest(); const content &#61; document.createElement('div'); const NEWS_URL &#61; 'https://api.hnpwa.com/v0/news/1.json' const CONTENTS_URL &#61;'https://api.hnpwa.com/v0/item/&#64;id.json' ajax.open('GET',NEWS_URL, false) ajax.send(); const newsFeed &#61; JSON.parse(ajax.response); const ul&#61; document.createElement('ul'); window.addEventListener('hashchange',function() { const id &#61;location.hash.substring(1); const title &#61; document.createElement('h1'); content.appendChild(title); ajax.open('GET',CONTENTS_URL.replace('&#64;id',id),false) ajax.send(); const newsContent &#61;JSON.parse(ajax.response); title.innerHTML &#61; newsContent.title }) for(let i&#61;0; i<10; i&#43;&#43;){ const a &#61;document.createElement('a'); const li&#61; document.createElement('li'); a.href &#61;&#96;#${newsFeed[i].id}&#96; a.innerHTML&#61;&#96;${newsFeed[i].title}(${newsFeed[i].comments_count})&#96;; li.appendChild(a); ul.appendChild(li); } container.appendChild(ul); container.appendChild(content);

RWB · Accepted Answer

font-size랑 font-weight 값이 inherit네요. 아마 body의 기본 텍스트 크기랑 굵기 가져오는 것 같은데, 특별한 이유 없다면 지우세요

h1 태그가 적용이 안되는 것 같은데 원인을 잘 모르겠습니다.

1개의 답변

Q&A 목록