티스토리 스킨 편집 소제목 꾸미기에서 제목 내용 없을 때도 적용되는 오류

 

 

 

티스토리 소제목을 꾸미기 위해서 다음 블로그에서 참고를 해서 ccs를 수정해주었다. 

 

 

https://dining-developer.tistory.com/2

티스토리 스킨 편집으로 소제목 깔끔하게 꾸미기

 

 

 

 

근데 이때 제목 2가 내용없이 적용된 경우에도 다음과 같이 적용이 된다. 

 

 

일일이 다 수정하기엔 귀찮기 때문에 html 코드에서  다음 코드를 적용해주면 된다 

 

 

script>
  // 기존 tocbot 관련 코드...

  //내용이 없는 h3 스타일 제거
  document.querySelectorAll('.entry-content h3').forEach(h3 => {
    if (!h3.textContent.trim()) {
      h3.style.border = "none";
      h3.style.background = "none";
      h3.style.padding = "0";
    }
  });
</script>

 

 

적용 후 깔끔해진 것을 확인할 수 있다.