답변 1개
채택된 답변
+20 포인트
10년 전
css/default.css 파일에서 메뉴 관련 부분은
주석으로 /* 메인메뉴 */라고 되어 있는 밑에 부분들입니다.
그런데 메뉴부분이 기본적으로 링크(a태그)로 구성이 되어 있으므로
22번째 줄에 있는
Copy
a:link, a:visited {color:#000;text-decoration:none}a:hover, a:focus, a:active {color:#000;text-decoration:underline}부분에 영향을 받습니다.
메뉴 부분에서는 별도로
69번째줄에 보면
Copy
.gnb_1da:focus, .gnb_1da:hover {background:url('../img/gnb_bg00.gif') #333 center right no-repeat;text-decoration:none}이 코드가 있는데요. 즉 마우스 포커스가 위치하거나 롤오버 될 경우에 대한 부분만 지정되어 있고 글자색에 대한 별도의 부분은 추가되어 있지 않습니다.
메뉴에서만 별도로 글자 색상을 지정한다면
.gnb_1da {color:원하는색상} /* 기본 주메뉴 글자 색상 */
.gnb_1da:visited {color:원하는색상} /* 링크 방문한적이 있는 주메뉴 글자색상 */
로 지정해주면 되고요. 롤오버 등에 대해서도 별도의 색상을 지정하고자 한다면
.gnb_1da:hover {color:원하는색상}
형태로 지정해 주시면 됩니다.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 3개
10년 전
10년 전
위에 설명한 부분에서 빠뜨린게 있으신 것 같네요.
링크 부분을 이미 클릭한 적이 있으면 방문한 적이 있는 링크에 대한 스타일이 적용되므로
.gnb_1da:visited {color:원하는색상} /* 링크 방문한적이 있는 주메뉴 글자색상 */
부분에서 색상을 추가해 적용해 주셔야 합니다.
링크 부분을 이미 클릭한 적이 있으면 방문한 적이 있는 링크에 대한 스타일이 적용되므로
.gnb_1da:visited {color:원하는색상} /* 링크 방문한적이 있는 주메뉴 글자색상 */
부분에서 색상을 추가해 적용해 주셔야 합니다.
10년 전
.gnb_1da:visited {color:원하는색상} /* 링크 방문한적이 있는 주메뉴 글자색상 */
.gnb_1da:link {color:원하는색상} /* 링크 방문한적이 없는 주메뉴 글자색상 */
.gnb_1da:link {color:원하는색상} /* 링크 방문한적이 없는 주메뉴 글자색상 */
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
.gnb_1da {color:원하는색상}
이 부분에 색을 넣어서 적용해도 메뉴에 있는 글씨는 까만색으로만 나오네요ㅠ