마크 다운 작은 Code에만 글자색 바꾸기

마크 다운 작은 Code에만 글자색 바꾸기

필자의 마크 다운 사용법대로 따라 왔다면 아래와 같이 설정을 하면

작은 Code태그에만 글자색을 바꿀 수 있다. 작은 Code태그란 ``사이에 넣은 태그를 말한다.

 

 

markdown.css 파일 수정

먼저 마크 다운 파일 포스팅 하는 방법에서 markdown.css파일을 수정해 주었다.

Typora에서 작은 Code 태그 즉 이것은 ` 기호로 감싼다.

 

큰 Code 다시 말해 블록 코드(Block Code)는 ```기호로 감싼다.

이것

 

우리는 여기서 작은 Code의 글씨의 색만 바꾸고 싶으면 아래와 같이 하면 된다.

markdown.css파일을 열어서 아래와 같은 코드를 추가해 주고 다시 마크 다운 파일 포스팅 하는 방법과 같이 파일을 업로드 해주면 끝이 난다.

code:not(pre > code){
  color: #f0506e!important; 
}

여기서 color는 자신이 원하는 rgb값을 넣어주면 된다. color값에 !important를 넣어준 이유는 원래 Tistory의 css에 code태그에 color값이 존재하기 때문에 우선순위를 주기 위해서 이다.