티스토리 ｜ 본문 하이퍼링크 색상 변경 및 밑줄 생성하기

  하이퍼링크 색상 변경 

블로그 편집 CSS에서
.entry-content a 를 찾는다.

내 블로그는 이것저것 추가해서
1467번 줄에 위치하고 있다.

.entry-content a는 하이퍼링크 글씨설정이고
.entry-content a:hover는 하이퍼링크에 마우스를 올렸을 때 반응 설정이다.

hover코드는 북클립에 없어서 내가 따로 넣었다.

 

.entry-content a {
    color: #04beb8;
    font-weight: bold;
    text-decoration: none;
}
.entry-content a:hover {
    color: #F06161 !important;
    font-weight: bold;
}

위 코드가 내가 원하는 설정은 아닌데
내 실력으로는 이게 최대다..

.entry-content a {
color: #내가원하는색;

이렇게 하면 내가 원하는 색이 아닌
포인트컬러로 설정이 된다.

그래서

.entry-content a {
color: #333 !important;

!important를 달아서 포인트컬러를 무시해주면
글 하단에 있는 카테고리 다른 글까지 색상적용이 된다.

여기 색상 변경 안 되게 하는 법을 모르겠다..
하루종일 찾았는데 아직 해결법 못 찾음

해결하신 분이 있었는데 나랑 다른 스킨을 써서 CSS 따라할 수가 없었다.
뭐를 삭제해주면 된다는데 뭘 삭제해야 하는지 모르겠다.
그래서 그냥 color 코드는 지워주고 포인트컬러가 나오도록 했다.

---

 

  하이퍼링크 밑줄 생성  

text-decoration 설명은 고래고래님 블로그에 자세하게 나와있다.

a나 hover에 text-decoration이랑 text-decoration-style을 주면
역시나 카테고리 다른 글에도 적용이 돼서 아무것도 설정 안함

저기에 텍스트데코레이션을 설정하면 블로그 모든 링크에 다 설정되는 듯함 

오 괜찮아보였으나 이번엔 카테고리 자체에 밑줄이 생김
돌아버리겠음 본문 하이퍼링크에만 설정하는 거 어떻게 해ㅠㅠ

일단 나쁘지는 않으니 이대로 설정해둬야겠다...