안녕하세요?
더운 여름 몸 건강하십시오~
default.css에 있는 내용입니다.
a:link {color:#000000;text-decoration:none}
a:visited {color:#9b9ea5;text-decoration:none}
a:hover, a:focus, a:active {color:#000000;text-decoration:underline}
위처럼 하면 상단에 있는 대메뉴의 visited 부분까지 #9b9ea5 변하게 되어 흐릿하게 됩니다.
질문은 여기의 냑처럼
대메뉴를 제외한 하단의 게시판 글자만 방문한 부분을 #9b9ea5 변하게 하고 대메뉴의 색상은 방문을 하였다 하더라도 #000000로 유지하고 싶습니다.
좋은 방법을 알려주시면 감사하겠습니다.
그럼 좋은 저녁되십시오~^^)
답변 1개 / 댓글 7개
채택된 답변
+20 포인트
2018-06-03 (일) 20:42:51
게시판 a 태그와 상단 메뉴 a태그에 color:#000; 으로 지정하면 됩니다.
따로 지정하지 않으면 a 태그 전체가 영향 받습니다.
답변에 대한 댓글 7개
2018-06-03 (일) 21:17:11
2018-06-03 (일) 21:24:51
default.css에서
a:link {color:#000000;text-decoration:none}
a:visited {color:#9b9ea5;text-decoration:none}
a:hover, a:focus, a:active {color:#000000;text-decoration:underline}
위처럼 하여도 상단 대메뉴는 검은색을 유지하고 마우스 오버 시에는 color:#00ab33 색을 주고 싶습니다.
a:link {color:#000000;text-decoration:none}
a:visited {color:#9b9ea5;text-decoration:none}
a:hover, a:focus, a:active {color:#000000;text-decoration:underline}
위처럼 하여도 상단 대메뉴는 검은색을 유지하고 마우스 오버 시에는 color:#00ab33 색을 주고 싶습니다.
2018-06-03 (일) 22:00:05
상단 메인메뉴 A태그 클래스에 color:#000; 으로 검정색 글씨를 적용시키고,
A태그 클래스에 :hover 옵션을 주어 color:#00ab33; 주면 됩니다.
Ex) #menu a {color:000;}
#menu a:hover {color:#00ab33;}
A태그 클래스에 :hover 옵션을 주어 color:#00ab33; 주면 됩니다.
Ex) #menu a {color:000;}
#menu a:hover {color:#00ab33;}
2018-06-03 (일) 22:27:39
죄송합니다... 한 번 봐주십시오~
default.css에서
/* 초기화 */
a:link {text-decoration:blink; text-decoration:none; color:#000000}
a:visited {text-decoration:blink; text-decoration:none; color:#9b9ea5}
a:active {text-decoration:blink; text-decoration:none; color:#000000}
a:hover {text-decoration:blink; text-decoration:none; color:#3399ff}
/* 메인 드롭 메뉴*/
.gnb_1da {display:inline-block;padding:0 108px 3px 11px;height:34px;line-height:2.95em;text-decoration:none;font-size:12px;font-weight:bold;color:#000} /* 대메뉴 간격 및 글자색 등 */
.gnb_1dli_on .gnb_1da {font-weight:bold;font-size:12px;color:#00ab33} /* 마우스 오버시 메뉴 색 */
위처럼 하였더니
a:visited {text-decoration:blink; text-decoration:none; color:#9b9ea5} 가 먼저 적용이 되어
그 아래에 있는 /* 메인 드롭 메뉴*/에 있는 것이 적용이 되지 않습니다.
default.css에서
/* 초기화 */
a:link {text-decoration:blink; text-decoration:none; color:#000000}
a:visited {text-decoration:blink; text-decoration:none; color:#9b9ea5}
a:active {text-decoration:blink; text-decoration:none; color:#000000}
a:hover {text-decoration:blink; text-decoration:none; color:#3399ff}
/* 메인 드롭 메뉴*/
.gnb_1da {display:inline-block;padding:0 108px 3px 11px;height:34px;line-height:2.95em;text-decoration:none;font-size:12px;font-weight:bold;color:#000} /* 대메뉴 간격 및 글자색 등 */
.gnb_1dli_on .gnb_1da {font-weight:bold;font-size:12px;color:#00ab33} /* 마우스 오버시 메뉴 색 */
위처럼 하였더니
a:visited {text-decoration:blink; text-decoration:none; color:#9b9ea5} 가 먼저 적용이 되어
그 아래에 있는 /* 메인 드롭 메뉴*/에 있는 것이 적용이 되지 않습니다.
2018-06-03 (일) 22:45:32
유료사이트라 알려드리기가 좀 그렇습니다.
아뭏든 감사합니다. 연구해 보겠습니다.
채택하였습니다.
아뭏든 감사합니다. 연구해 보겠습니다.
채택하였습니다.
답변을 작성하려면 로그인이 필요합니다.
그런데 원질문에는 빠져있는데 a:hover {color:blue;text-decoration:underline} 이렇게 하고 싶은데...
말씀대로 a태그에 color:#000; 으로 지정하면 hover가 blue가 되는 것이 아니라 color:#000;으로 적용을 받는데...이것은 어떻게 해결해야 할까요?